<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2228030" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">金融</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">金融市场</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">金融财富</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">金融大厦</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">金融查询</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">金融业务</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">金融钱币</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90c;</span>
                <div class="name">金融-3</div>
                <div class="code-name">&amp;#xe90c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe912;</span>
                <div class="name">金融-15</div>
                <div class="code-name">&amp;#xe912;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91b;</span>
                <div class="name">金融-30</div>
                <div class="code-name">&amp;#xe91b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe920;</span>
                <div class="name">金融-41</div>
                <div class="code-name">&amp;#xe920;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe92f;</span>
                <div class="name">金融-73</div>
                <div class="code-name">&amp;#xe92f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe932;</span>
                <div class="name">金融-77</div>
                <div class="code-name">&amp;#xe932;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe93a;</span>
                <div class="name">金融-94</div>
                <div class="code-name">&amp;#xe93a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe93e;</span>
                <div class="name">金融-102</div>
                <div class="code-name">&amp;#xe93e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe940;</span>
                <div class="name">金融-108</div>
                <div class="code-name">&amp;#xe940;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">金融顾问</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">金融</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">金融</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">金融业</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">金融课堂</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">金融分析</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">金融之家</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">金融</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">金融类icon 图标-19</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">金融类icon 图标-21</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">金融类icon 图标-20</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">金融类icon 图标-18</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">金融类icon 图标-22</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">金融类icon 图标-24</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">金融类icon 图标-26</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">金融类icon 图标-23</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">金融类icon 图标-25</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">金融类icon 图标-28</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">金融类icon 图标-30</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">金融类icon 图标-27</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">金融类icon 图标-29</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">金融类icon 图标-32</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">金融类icon 图标-31</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">金融类icon 图标-33</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">金融类icon 图标-34</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">金融类icon 图标-02</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">金融类icon 图标-05</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">金融类icon 图标-35</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">金融类icon 图标-03</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">金融类icon 图标-04</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">金融类icon 图标-06</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">金融类icon 图标-11</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">金融类icon 图标-07</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">金融类icon 图标-10</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">金融类icon 图标-08</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">金融类icon 图标-12</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">金融类icon 图标-14</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">金融类icon 图标-09</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">金融类icon 图标-16</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">金融类icon 图标-13</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">金融类icon 图标-15</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">金融类icon 图标-17</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">bag-dollar</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">商务金融</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">bag-euro</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">bar-chart-fall</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">bag-yen</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">bar-chart-rise</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">briefcase-1</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">bank</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">briefcase-2</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">bag-pound</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">coin-pound</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">calculator</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">coin-yen</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">coin-euro</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">coins-bitcoins</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">coins-euros</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">coins-yens</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">coins-dollars</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">coin-bitcoin</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">coin-dollar</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">id-cart</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">gold-stack</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">coins-pounds</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">handshake</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">lightbulb-idea</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">phone-incoming</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">line-chart</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">phone-modern</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">phone-outgoing</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">phone-old</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">pie-chart-1</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">phone-signal</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">pie-chart-2</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">pipes-horisontal</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">presentation-bar-chart</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">pipes-vertical</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">presentation-line-chart</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">presentation-photo</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">piggy</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">presentation-pie-chart</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">presentation-text</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">presentation</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">presentation-video</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">rook</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">target</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">seminar</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">sales-repserentative</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">safe</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">tie</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe800;</span>
                <div class="name">align-center</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe801;</span>
                <div class="name">border-verticle</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe802;</span>
                <div class="name">pic-center</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe803;</span>
                <div class="name">pic-side</div>
                <div class="code-name">&amp;#xe803;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe804;</span>
                <div class="name">folder-open</div>
                <div class="code-name">&amp;#xe804;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe805;</span>
                <div class="name">folder-plus</div>
                <div class="code-name">&amp;#xe805;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe806;</span>
                <div class="name">folder</div>
                <div class="code-name">&amp;#xe806;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe807;</span>
                <div class="name">file-SQL</div>
                <div class="code-name">&amp;#xe807;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe808;</span>
                <div class="name">file-plus</div>
                <div class="code-name">&amp;#xe808;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe809;</span>
                <div class="name">file</div>
                <div class="code-name">&amp;#xe809;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80a;</span>
                <div class="name">copy</div>
                <div class="code-name">&amp;#xe80a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80b;</span>
                <div class="name">headset</div>
                <div class="code-name">&amp;#xe80b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80c;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe80c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80d;</span>
                <div class="name">pause circle</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80e;</span>
                <div class="name">stop circle</div>
                <div class="code-name">&amp;#xe80e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80f;</span>
                <div class="name">play circle</div>
                <div class="code-name">&amp;#xe80f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe810;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe810;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe811;</span>
                <div class="name">picture</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe812;</span>
                <div class="name">mail</div>
                <div class="code-name">&amp;#xe812;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe813;</span>
                <div class="name">like</div>
                <div class="code-name">&amp;#xe813;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe814;</span>
                <div class="name">collection</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">user-group</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
                <div class="name">account-plus</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">account</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">cog</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe819;</span>
                <div class="name">clock</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81a;</span>
                <div class="name">calendar-alt</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81b;</span>
                <div class="name">cloud download</div>
                <div class="code-name">&amp;#xe81b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">cloud upload</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81d;</span>
                <div class="name">exchange</div>
                <div class="code-name">&amp;#xe81d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81e;</span>
                <div class="name">info-circle</div>
                <div class="code-name">&amp;#xe81e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81f;</span>
                <div class="name">question-circle</div>
                <div class="code-name">&amp;#xe81f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe820;</span>
                <div class="name">exclamation-circle</div>
                <div class="code-name">&amp;#xe820;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe821;</span>
                <div class="name">minus-circle</div>
                <div class="code-name">&amp;#xe821;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe822;</span>
                <div class="name">plus-circle</div>
                <div class="code-name">&amp;#xe822;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe823;</span>
                <div class="name">times-circle</div>
                <div class="code-name">&amp;#xe823;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe824;</span>
                <div class="name">check-circle</div>
                <div class="code-name">&amp;#xe824;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe825;</span>
                <div class="name">compress-alt</div>
                <div class="code-name">&amp;#xe825;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe826;</span>
                <div class="name">expand-alt</div>
                <div class="code-name">&amp;#xe826;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe827;</span>
                <div class="name">ban</div>
                <div class="code-name">&amp;#xe827;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe828;</span>
                <div class="name">minus</div>
                <div class="code-name">&amp;#xe828;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe829;</span>
                <div class="name">plus</div>
                <div class="code-name">&amp;#xe829;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82a;</span>
                <div class="name">times</div>
                <div class="code-name">&amp;#xe82a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82b;</span>
                <div class="name">check</div>
                <div class="code-name">&amp;#xe82b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82c;</span>
                <div class="name">search-minus</div>
                <div class="code-name">&amp;#xe82c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82d;</span>
                <div class="name">search-plus</div>
                <div class="code-name">&amp;#xe82d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82e;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe82e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82f;</span>
                <div class="name">reply</div>
                <div class="code-name">&amp;#xe82f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe830;</span>
                <div class="name">undo</div>
                <div class="code-name">&amp;#xe830;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe831;</span>
                <div class="name">redo</div>
                <div class="code-name">&amp;#xe831;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe832;</span>
                <div class="name">external-link</div>
                <div class="code-name">&amp;#xe832;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe833;</span>
                <div class="name">arrows-alt</div>
                <div class="code-name">&amp;#xe833;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe834;</span>
                <div class="name">indent</div>
                <div class="code-name">&amp;#xe834;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe835;</span>
                <div class="name">outdent</div>
                <div class="code-name">&amp;#xe835;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe836;</span>
                <div class="name">sort-line</div>
                <div class="code-name">&amp;#xe836;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe837;</span>
                <div class="name">switch</div>
                <div class="code-name">&amp;#xe837;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe838;</span>
                <div class="name">wind-descending</div>
                <div class="code-name">&amp;#xe838;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe839;</span>
                <div class="name">wind-ascending</div>
                <div class="code-name">&amp;#xe839;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83a;</span>
                <div class="name">download</div>
                <div class="code-name">&amp;#xe83a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83b;</span>
                <div class="name">upload</div>
                <div class="code-name">&amp;#xe83b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83c;</span>
                <div class="name">arrow-to-bottom</div>
                <div class="code-name">&amp;#xe83c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83d;</span>
                <div class="name">arrow-to-top</div>
                <div class="code-name">&amp;#xe83d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83e;</span>
                <div class="name">long-arrow-down</div>
                <div class="code-name">&amp;#xe83e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83f;</span>
                <div class="name">long-arrow-up</div>
                <div class="code-name">&amp;#xe83f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe840;</span>
                <div class="name">arrow-right</div>
                <div class="code-name">&amp;#xe840;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe841;</span>
                <div class="name">arrow-left</div>
                <div class="code-name">&amp;#xe841;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe842;</span>
                <div class="name">sort</div>
                <div class="code-name">&amp;#xe842;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe843;</span>
                <div class="name">sort-down</div>
                <div class="code-name">&amp;#xe843;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe844;</span>
                <div class="name">sort-up</div>
                <div class="code-name">&amp;#xe844;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe845;</span>
                <div class="name">caret-right</div>
                <div class="code-name">&amp;#xe845;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe846;</span>
                <div class="name">caret-left</div>
                <div class="code-name">&amp;#xe846;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe847;</span>
                <div class="name">arrows-v</div>
                <div class="code-name">&amp;#xe847;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe848;</span>
                <div class="name">angle- double-down</div>
                <div class="code-name">&amp;#xe848;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe849;</span>
                <div class="name">angle-double-up</div>
                <div class="code-name">&amp;#xe849;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84a;</span>
                <div class="name">angle-double-right</div>
                <div class="code-name">&amp;#xe84a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84b;</span>
                <div class="name">angle-double-left</div>
                <div class="code-name">&amp;#xe84b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84c;</span>
                <div class="name">angle-down</div>
                <div class="code-name">&amp;#xe84c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84d;</span>
                <div class="name">angle-up</div>
                <div class="code-name">&amp;#xe84d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84e;</span>
                <div class="name">angle-right</div>
                <div class="code-name">&amp;#xe84e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84f;</span>
                <div class="name">angle-left</div>
                <div class="code-name">&amp;#xe84f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe850;</span>
                <div class="name">paperclip</div>
                <div class="code-name">&amp;#xe850;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe851;</span>
                <div class="name">connection</div>
                <div class="code-name">&amp;#xe851;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe853;</span>
                <div class="name">training</div>
                <div class="code-name">&amp;#xe853;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe854;</span>
                <div class="name">process</div>
                <div class="code-name">&amp;#xe854;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe855;</span>
                <div class="name">news</div>
                <div class="code-name">&amp;#xe855;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe856;</span>
                <div class="name">save</div>
                <div class="code-name">&amp;#xe856;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe857;</span>
                <div class="name">print</div>
                <div class="code-name">&amp;#xe857;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe858;</span>
                <div class="name">new-releases</div>
                <div class="code-name">&amp;#xe858;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85a;</span>
                <div class="name">release</div>
                <div class="code-name">&amp;#xe85a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85b;</span>
                <div class="name">alert</div>
                <div class="code-name">&amp;#xe85b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85c;</span>
                <div class="name">backspace</div>
                <div class="code-name">&amp;#xe85c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85d;</span>
                <div class="name">gem</div>
                <div class="code-name">&amp;#xe85d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85e;</span>
                <div class="name">integral</div>
                <div class="code-name">&amp;#xe85e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85f;</span>
                <div class="name">star-circle</div>
                <div class="code-name">&amp;#xe85f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe860;</span>
                <div class="name">user-circle</div>
                <div class="code-name">&amp;#xe860;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe861;</span>
                <div class="name">cloud-machine-fill</div>
                <div class="code-name">&amp;#xe861;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe862;</span>
                <div class="name">cloud-machine</div>
                <div class="code-name">&amp;#xe862;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe863;</span>
                <div class="name">terminal-fill</div>
                <div class="code-name">&amp;#xe863;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe864;</span>
                <div class="name">terminal</div>
                <div class="code-name">&amp;#xe864;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe865;</span>
                <div class="name">shopping-cart-fill</div>
                <div class="code-name">&amp;#xe865;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe867;</span>
                <div class="name">resource</div>
                <div class="code-name">&amp;#xe867;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86a;</span>
                <div class="name">rank</div>
                <div class="code-name">&amp;#xe86a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86b;</span>
                <div class="name">sync-alt</div>
                <div class="code-name">&amp;#xe86b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86d;</span>
                <div class="name">arrow-alt-from-botto</div>
                <div class="code-name">&amp;#xe86d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86c;</span>
                <div class="name">menu</div>
                <div class="code-name">&amp;#xe86c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86e;</span>
                <div class="name">icon-drag</div>
                <div class="code-name">&amp;#xe86e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86f;</span>
                <div class="name">early-warning</div>
                <div class="code-name">&amp;#xe86f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe870;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe870;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe871;</span>
                <div class="name">share</div>
                <div class="code-name">&amp;#xe871;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe872;</span>
                <div class="name">management</div>
                <div class="code-name">&amp;#xe872;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe873;</span>
                <div class="name">accesskeys</div>
                <div class="code-name">&amp;#xe873;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe877;</span>
                <div class="name">arrow-sort down-small</div>
                <div class="code-name">&amp;#xe877;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe878;</span>
                <div class="name">minus-square-fill</div>
                <div class="code-name">&amp;#xe878;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe879;</span>
                <div class="name">plus-square-fill</div>
                <div class="code-name">&amp;#xe879;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87a;</span>
                <div class="name">minus-square</div>
                <div class="code-name">&amp;#xe87a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87b;</span>
                <div class="name">plus-square</div>
                <div class="code-name">&amp;#xe87b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87d;</span>
                <div class="name">step mode</div>
                <div class="code-name">&amp;#xe87d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87e;</span>
                <div class="name">scrolling mode</div>
                <div class="code-name">&amp;#xe87e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe881;</span>
                <div class="name">shopping cart</div>
                <div class="code-name">&amp;#xe881;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe882;</span>
                <div class="name">waiting-fill</div>
                <div class="code-name">&amp;#xe882;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe883;</span>
                <div class="name">waiting</div>
                <div class="code-name">&amp;#xe883;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe884;</span>
                <div class="name">right-arrow-rect</div>
                <div class="code-name">&amp;#xe884;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe885;</span>
                <div class="name">left-arrow-rect</div>
                <div class="code-name">&amp;#xe885;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe887;</span>
                <div class="name">bell</div>
                <div class="code-name">&amp;#xe887;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe888;</span>
                <div class="name">structured data</div>
                <div class="code-name">&amp;#xe888;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe889;</span>
                <div class="name">vector</div>
                <div class="code-name">&amp;#xe889;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88a;</span>
                <div class="name">NEW</div>
                <div class="code-name">&amp;#xe88a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88b;</span>
                <div class="name">HOT</div>
                <div class="code-name">&amp;#xe88b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88c;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe88c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88e;</span>
                <div class="name">monitoring</div>
                <div class="code-name">&amp;#xe88e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88f;</span>
                <div class="name">diagnose</div>
                <div class="code-name">&amp;#xe88f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">drag</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe891;</span>
                <div class="name">loading</div>
                <div class="code-name">&amp;#xe891;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">ellipsis-v</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe892;</span>
                <div class="name">Directory tree</div>
                <div class="code-name">&amp;#xe892;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">gallery-view</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89e;</span>
                <div class="name">application</div>
                <div class="code-name">&amp;#xe89e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">WIFI</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89f;</span>
                <div class="name">application  group</div>
                <div class="code-name">&amp;#xe89f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">bug-report</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">qrcode</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">scan</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">cut</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">gift</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">link</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">poweroff</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">key</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">safety-certificate</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">supervise</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">chart-pie-alt</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">chart-relation</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">chart-scatter-plot</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">chart-area</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">chart-line</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">chart-bar</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">display-code</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">display-arrow-right</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">display-arrow-left</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">laptop-error</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">laptop-check</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">laptop</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">mobile-error</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">mobile-check</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">mobile-alt</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">aliwangwang</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">nail</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">nail-fixed</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">dollar</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">transanction</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">filter-fill</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">all-fill</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">database plus-fill</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">database-fill</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">comment lines-fill</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">comment dots-fill</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">paper plane-fill</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">eye slash-fill</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">eye-fill</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">lightbulb-fill</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">flag-fill</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">tag-fill</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">position-fill</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">location-fill</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">map-fill</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">inbox in-fill</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">box-fill</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">database set-fill</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">layer group-fill</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">cry-fill</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">smile-fill</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">unlock-fill</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">lock-fill</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">align right-fill</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">align left-fill</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">border bottom-fill</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">border top-fill</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">align center-fill</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">border verticle-fill</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">pic center-fill</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">pic side-fill</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">folder open-fill</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">folder plus-fill</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">folder-fill</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">file-SQL</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">file plus-fill</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">file-fill</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">copy-fill</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">headset-fill</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">phone-fill</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">pause circle-fill</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">stop circle-fill</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">play circle-fill</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">delete-fill</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">picture-fill</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">mail-fill</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">heart-fill</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">collection-fill</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">user-group-fill</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">user plus-fill</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">user-fill</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">cog-fill</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">clock-fill</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">calendar alt-fill</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">cloud download-fill</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">cloud upload-fill</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">exchange-fill</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">info-circle-fill</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">question-circle-fill</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">exclamation circle-f</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">minus-circle-fill</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">plus-circle-fill</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">times-circle-fill</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">filter</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">all</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">database-plus</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">database</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">comment-lines</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">comment-dots</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">paper-plane</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">eye-slash</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">eye</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">lightbulb</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">flag</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">tag</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">position</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">location</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f3;</span>
                <div class="name">map</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f4;</span>
                <div class="name">inbox-in</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f5;</span>
                <div class="name">box</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">database-set</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f7;</span>
                <div class="name">layer-group</div>
                <div class="code-name">&amp;#xe7f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">wind-cry</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f9;</span>
                <div class="name">wind-smile</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fb;</span>
                <div class="name">lock</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fc;</span>
                <div class="name">align-right</div>
                <div class="code-name">&amp;#xe7fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fd;</span>
                <div class="name">align-left</div>
                <div class="code-name">&amp;#xe7fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fe;</span>
                <div class="name">border-bottom</div>
                <div class="code-name">&amp;#xe7fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ff;</span>
                <div class="name">border-top</div>
                <div class="code-name">&amp;#xe7ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">点赞2</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">历史</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">问答</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">无网络</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">作品</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">ppt</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">pdf</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">我的分享</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">xls</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">word</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">txt</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">星标文件</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">代码文件</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">压缩文件</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">法律法规</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">风险管控</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">安全经费</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">文件资料</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">时钟</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">垃圾桶</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">天气</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">电影</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">购物</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">音乐</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">聊天</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">书</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">灯泡</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">电脑</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont iconshangchuan-"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.iconshangchuan-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong"></span>
            <div class="name">
              金融
            </div>
            <div class="code-name">.iconjinrong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon_"></span>
            <div class="name">
              金融市场
            </div>
            <div class="code-name">.iconicon_
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon_1"></span>
            <div class="name">
              金融财富
            </div>
            <div class="code-name">.iconicon_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongdasha"></span>
            <div class="name">
              金融大厦
            </div>
            <div class="code-name">.iconjinrongdasha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongxianxingge-"></span>
            <div class="name">
              金融查询
            </div>
            <div class="code-name">.iconjinrongxianxingge-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongyewu"></span>
            <div class="name">
              金融业务
            </div>
            <div class="code-name">.iconjinrongyewu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongqianbi"></span>
            <div class="name">
              金融钱币
            </div>
            <div class="code-name">.iconjinrongqianbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong-"></span>
            <div class="name">
              金融-3
            </div>
            <div class="code-name">.iconjinrong-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong-1"></span>
            <div class="name">
              金融-15
            </div>
            <div class="code-name">.iconjinrong-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong-2"></span>
            <div class="name">
              金融-30
            </div>
            <div class="code-name">.iconjinrong-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong-3"></span>
            <div class="name">
              金融-41
            </div>
            <div class="code-name">.iconjinrong-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong-4"></span>
            <div class="name">
              金融-73
            </div>
            <div class="code-name">.iconjinrong-4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong-5"></span>
            <div class="name">
              金融-77
            </div>
            <div class="code-name">.iconjinrong-5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong-6"></span>
            <div class="name">
              金融-94
            </div>
            <div class="code-name">.iconjinrong-6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong-7"></span>
            <div class="name">
              金融-102
            </div>
            <div class="code-name">.iconjinrong-7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong-8"></span>
            <div class="name">
              金融-108
            </div>
            <div class="code-name">.iconjinrong-8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongguwen"></span>
            <div class="name">
              金融顾问
            </div>
            <div class="code-name">.iconjinrongguwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong1"></span>
            <div class="name">
              金融
            </div>
            <div class="code-name">.iconjinrong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconziyuan"></span>
            <div class="name">
              金融
            </div>
            <div class="code-name">.iconziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongye"></span>
            <div class="name">
              金融业
            </div>
            <div class="code-name">.iconjinrongye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongketang"></span>
            <div class="name">
              金融课堂
            </div>
            <div class="code-name">.iconjinrongketang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongfenxi"></span>
            <div class="name">
              金融分析
            </div>
            <div class="code-name">.iconjinrongfenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongzhijia"></span>
            <div class="name">
              金融之家
            </div>
            <div class="code-name">.iconjinrongzhijia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrong2"></span>
            <div class="name">
              金融
            </div>
            <div class="code-name">.iconjinrong2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-17"></span>
            <div class="name">
              金融类icon 图标-19
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-18"></span>
            <div class="name">
              金融类icon 图标-21
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-18
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-19"></span>
            <div class="name">
              金融类icon 图标-20
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-19
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-20"></span>
            <div class="name">
              金融类icon 图标-18
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-21"></span>
            <div class="name">
              金融类icon 图标-22
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-21
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-22"></span>
            <div class="name">
              金融类icon 图标-24
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-22
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-23"></span>
            <div class="name">
              金融类icon 图标-26
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-23
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-24"></span>
            <div class="name">
              金融类icon 图标-23
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-24
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-25"></span>
            <div class="name">
              金融类icon 图标-25
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-25
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-26"></span>
            <div class="name">
              金融类icon 图标-28
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-26
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-27"></span>
            <div class="name">
              金融类icon 图标-30
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-27
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-28"></span>
            <div class="name">
              金融类icon 图标-27
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-28
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-29"></span>
            <div class="name">
              金融类icon 图标-29
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-29
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-30"></span>
            <div class="name">
              金融类icon 图标-32
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-30
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-31"></span>
            <div class="name">
              金融类icon 图标-31
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-31
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-32"></span>
            <div class="name">
              金融类icon 图标-33
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-32
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-33"></span>
            <div class="name">
              金融类icon 图标-34
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-33
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-"></span>
            <div class="name">
              金融类icon 图标-02
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-1"></span>
            <div class="name">
              金融类icon 图标-05
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-2"></span>
            <div class="name">
              金融类icon 图标-35
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-3"></span>
            <div class="name">
              金融类icon 图标-03
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-4"></span>
            <div class="name">
              金融类icon 图标-04
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-5"></span>
            <div class="name">
              金融类icon 图标-06
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-6"></span>
            <div class="name">
              金融类icon 图标-11
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-7"></span>
            <div class="name">
              金融类icon 图标-07
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-8"></span>
            <div class="name">
              金融类icon 图标-10
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-8
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-9"></span>
            <div class="name">
              金融类icon 图标-08
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-10"></span>
            <div class="name">
              金融类icon 图标-12
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-11"></span>
            <div class="name">
              金融类icon 图标-14
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-12"></span>
            <div class="name">
              金融类icon 图标-09
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-13"></span>
            <div class="name">
              金融类icon 图标-16
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-14"></span>
            <div class="name">
              金融类icon 图标-13
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-14
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-15"></span>
            <div class="name">
              金融类icon 图标-15
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-15
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconjinrongleiicontubiao-16"></span>
            <div class="name">
              金融类icon 图标-17
            </div>
            <div class="code-name">.iconjinrongleiicontubiao-16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbag-dollar"></span>
            <div class="name">
              bag-dollar
            </div>
            <div class="code-name">.iconbag-dollar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconauction"></span>
            <div class="name">
              商务金融
            </div>
            <div class="code-name">.iconauction
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbag-euro"></span>
            <div class="name">
              bag-euro
            </div>
            <div class="code-name">.iconbag-euro
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbar-chart-fall"></span>
            <div class="name">
              bar-chart-fall
            </div>
            <div class="code-name">.iconbar-chart-fall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbag-yen"></span>
            <div class="name">
              bag-yen
            </div>
            <div class="code-name">.iconbag-yen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbar-chart-rise"></span>
            <div class="name">
              bar-chart-rise
            </div>
            <div class="code-name">.iconbar-chart-rise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbriefcase-1"></span>
            <div class="name">
              briefcase-1
            </div>
            <div class="code-name">.iconbriefcase-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbank"></span>
            <div class="name">
              bank
            </div>
            <div class="code-name">.iconbank
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbriefcase-2"></span>
            <div class="name">
              briefcase-2
            </div>
            <div class="code-name">.iconbriefcase-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbag-pound"></span>
            <div class="name">
              bag-pound
            </div>
            <div class="code-name">.iconbag-pound
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoin-pound"></span>
            <div class="name">
              coin-pound
            </div>
            <div class="code-name">.iconcoin-pound
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalculator"></span>
            <div class="name">
              calculator
            </div>
            <div class="code-name">.iconcalculator
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoin-yen"></span>
            <div class="name">
              coin-yen
            </div>
            <div class="code-name">.iconcoin-yen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoin-euro"></span>
            <div class="name">
              coin-euro
            </div>
            <div class="code-name">.iconcoin-euro
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoins-bitcoins"></span>
            <div class="name">
              coins-bitcoins
            </div>
            <div class="code-name">.iconcoins-bitcoins
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoins-euros"></span>
            <div class="name">
              coins-euros
            </div>
            <div class="code-name">.iconcoins-euros
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoins-yens"></span>
            <div class="name">
              coins-yens
            </div>
            <div class="code-name">.iconcoins-yens
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoins-dollars"></span>
            <div class="name">
              coins-dollars
            </div>
            <div class="code-name">.iconcoins-dollars
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoin-bitcoin"></span>
            <div class="name">
              coin-bitcoin
            </div>
            <div class="code-name">.iconcoin-bitcoin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoin-dollar"></span>
            <div class="name">
              coin-dollar
            </div>
            <div class="code-name">.iconcoin-dollar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconid-cart"></span>
            <div class="name">
              id-cart
            </div>
            <div class="code-name">.iconid-cart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongold-stack"></span>
            <div class="name">
              gold-stack
            </div>
            <div class="code-name">.icongold-stack
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcoins-pounds"></span>
            <div class="name">
              coins-pounds
            </div>
            <div class="code-name">.iconcoins-pounds
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhandshake"></span>
            <div class="name">
              handshake
            </div>
            <div class="code-name">.iconhandshake
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlightbulb-idea"></span>
            <div class="name">
              lightbulb-idea
            </div>
            <div class="code-name">.iconlightbulb-idea
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone-incoming"></span>
            <div class="name">
              phone-incoming
            </div>
            <div class="code-name">.iconphone-incoming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconline-chart"></span>
            <div class="name">
              line-chart
            </div>
            <div class="code-name">.iconline-chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone-modern"></span>
            <div class="name">
              phone-modern
            </div>
            <div class="code-name">.iconphone-modern
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone-outgoing"></span>
            <div class="name">
              phone-outgoing
            </div>
            <div class="code-name">.iconphone-outgoing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone-old"></span>
            <div class="name">
              phone-old
            </div>
            <div class="code-name">.iconphone-old
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpie-chart-1"></span>
            <div class="name">
              pie-chart-1
            </div>
            <div class="code-name">.iconpie-chart-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone-signal"></span>
            <div class="name">
              phone-signal
            </div>
            <div class="code-name">.iconphone-signal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpie-chart-2"></span>
            <div class="name">
              pie-chart-2
            </div>
            <div class="code-name">.iconpie-chart-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpipes-horisontal"></span>
            <div class="name">
              pipes-horisontal
            </div>
            <div class="code-name">.iconpipes-horisontal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpresentation-bar-chart"></span>
            <div class="name">
              presentation-bar-chart
            </div>
            <div class="code-name">.iconpresentation-bar-chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpipes-vertical"></span>
            <div class="name">
              pipes-vertical
            </div>
            <div class="code-name">.iconpipes-vertical
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpresentation-line-chart"></span>
            <div class="name">
              presentation-line-chart
            </div>
            <div class="code-name">.iconpresentation-line-chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpresentation-photo"></span>
            <div class="name">
              presentation-photo
            </div>
            <div class="code-name">.iconpresentation-photo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpiggy"></span>
            <div class="name">
              piggy
            </div>
            <div class="code-name">.iconpiggy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpresentation-pie-chart"></span>
            <div class="name">
              presentation-pie-chart
            </div>
            <div class="code-name">.iconpresentation-pie-chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpresentation-text"></span>
            <div class="name">
              presentation-text
            </div>
            <div class="code-name">.iconpresentation-text
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpresentation"></span>
            <div class="name">
              presentation
            </div>
            <div class="code-name">.iconpresentation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpresentation-video"></span>
            <div class="name">
              presentation-video
            </div>
            <div class="code-name">.iconpresentation-video
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrook"></span>
            <div class="name">
              rook
            </div>
            <div class="code-name">.iconrook
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontarget"></span>
            <div class="name">
              target
            </div>
            <div class="code-name">.icontarget
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconseminar"></span>
            <div class="name">
              seminar
            </div>
            <div class="code-name">.iconseminar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsales-repserentative"></span>
            <div class="name">
              sales-repserentative
            </div>
            <div class="code-name">.iconsales-repserentative
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsafe"></span>
            <div class="name">
              safe
            </div>
            <div class="code-name">.iconsafe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontie"></span>
            <div class="name">
              tie
            </div>
            <div class="code-name">.icontie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalign-center"></span>
            <div class="name">
              align-center
            </div>
            <div class="code-name">.iconalign-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-verticle"></span>
            <div class="name">
              border-verticle
            </div>
            <div class="code-name">.iconborder-verticle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic-center"></span>
            <div class="name">
              pic-center
            </div>
            <div class="code-name">.iconpic-center
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpic-side"></span>
            <div class="name">
              pic-side
            </div>
            <div class="code-name">.iconpic-side
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-open"></span>
            <div class="name">
              folder-open
            </div>
            <div class="code-name">.iconfolder-open
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-plus"></span>
            <div class="name">
              folder-plus
            </div>
            <div class="code-name">.iconfolder-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder"></span>
            <div class="name">
              folder
            </div>
            <div class="code-name">.iconfolder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-SQL1"></span>
            <div class="name">
              file-SQL
            </div>
            <div class="code-name">.iconfile-SQL1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-plus"></span>
            <div class="name">
              file-plus
            </div>
            <div class="code-name">.iconfile-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile"></span>
            <div class="name">
              file
            </div>
            <div class="code-name">.iconfile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcopy"></span>
            <div class="name">
              copy
            </div>
            <div class="code-name">.iconcopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconheadset"></span>
            <div class="name">
              headset
            </div>
            <div class="code-name">.iconheadset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.iconphone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpausecircle"></span>
            <div class="name">
              pause circle
            </div>
            <div class="code-name">.iconpausecircle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstopcircle"></span>
            <div class="name">
              stop circle
            </div>
            <div class="code-name">.iconstopcircle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplaycircle"></span>
            <div class="name">
              play circle
            </div>
            <div class="code-name">.iconplaycircle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondelete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.icondelete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpicture"></span>
            <div class="name">
              picture
            </div>
            <div class="code-name">.iconpicture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmail"></span>
            <div class="name">
              mail
            </div>
            <div class="code-name">.iconmail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlike"></span>
            <div class="name">
              like
            </div>
            <div class="code-name">.iconlike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcollection"></span>
            <div class="name">
              collection
            </div>
            <div class="code-name">.iconcollection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser-group"></span>
            <div class="name">
              user-group
            </div>
            <div class="code-name">.iconuser-group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaccount-plus"></span>
            <div class="name">
              account-plus
            </div>
            <div class="code-name">.iconaccount-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaccount"></span>
            <div class="name">
              account
            </div>
            <div class="code-name">.iconaccount
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcog"></span>
            <div class="name">
              cog
            </div>
            <div class="code-name">.iconcog
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclock"></span>
            <div class="name">
              clock
            </div>
            <div class="code-name">.iconclock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalendar-alt"></span>
            <div class="name">
              calendar-alt
            </div>
            <div class="code-name">.iconcalendar-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclouddownload"></span>
            <div class="name">
              cloud download
            </div>
            <div class="code-name">.iconclouddownload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloudupload"></span>
            <div class="name">
              cloud upload
            </div>
            <div class="code-name">.iconcloudupload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexchange"></span>
            <div class="name">
              exchange
            </div>
            <div class="code-name">.iconexchange
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinfo-circle"></span>
            <div class="name">
              info-circle
            </div>
            <div class="code-name">.iconinfo-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquestion-circle"></span>
            <div class="name">
              question-circle
            </div>
            <div class="code-name">.iconquestion-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexclamation-circle"></span>
            <div class="name">
              exclamation-circle
            </div>
            <div class="code-name">.iconexclamation-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-circle"></span>
            <div class="name">
              minus-circle
            </div>
            <div class="code-name">.iconminus-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-circle"></span>
            <div class="name">
              plus-circle
            </div>
            <div class="code-name">.iconplus-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontimes-circle"></span>
            <div class="name">
              times-circle
            </div>
            <div class="code-name">.icontimes-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheck-circle"></span>
            <div class="name">
              check-circle
            </div>
            <div class="code-name">.iconcheck-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcompress-alt"></span>
            <div class="name">
              compress-alt
            </div>
            <div class="code-name">.iconcompress-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexpand-alt"></span>
            <div class="name">
              expand-alt
            </div>
            <div class="code-name">.iconexpand-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconban"></span>
            <div class="name">
              ban
            </div>
            <div class="code-name">.iconban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus"></span>
            <div class="name">
              minus
            </div>
            <div class="code-name">.iconminus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus"></span>
            <div class="name">
              plus
            </div>
            <div class="code-name">.iconplus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontimes"></span>
            <div class="name">
              times
            </div>
            <div class="code-name">.icontimes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcheck"></span>
            <div class="name">
              check
            </div>
            <div class="code-name">.iconcheck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch-minus"></span>
            <div class="name">
              search-minus
            </div>
            <div class="code-name">.iconsearch-minus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch-plus"></span>
            <div class="name">
              search-plus
            </div>
            <div class="code-name">.iconsearch-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsearch"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.iconsearch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconreply"></span>
            <div class="name">
              reply
            </div>
            <div class="code-name">.iconreply
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconundo"></span>
            <div class="name">
              undo
            </div>
            <div class="code-name">.iconundo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconredo"></span>
            <div class="name">
              redo
            </div>
            <div class="code-name">.iconredo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexternal-link"></span>
            <div class="name">
              external-link
            </div>
            <div class="code-name">.iconexternal-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrows-alt"></span>
            <div class="name">
              arrows-alt
            </div>
            <div class="code-name">.iconarrows-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconindent"></span>
            <div class="name">
              indent
            </div>
            <div class="code-name">.iconindent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconoutdent"></span>
            <div class="name">
              outdent
            </div>
            <div class="code-name">.iconoutdent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsort-line"></span>
            <div class="name">
              sort-line
            </div>
            <div class="code-name">.iconsort-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconswitch"></span>
            <div class="name">
              switch
            </div>
            <div class="code-name">.iconswitch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwind-descending"></span>
            <div class="name">
              wind-descending
            </div>
            <div class="code-name">.iconwind-descending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwind-ascending"></span>
            <div class="name">
              wind-ascending
            </div>
            <div class="code-name">.iconwind-ascending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondownload"></span>
            <div class="name">
              download
            </div>
            <div class="code-name">.icondownload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconupload"></span>
            <div class="name">
              upload
            </div>
            <div class="code-name">.iconupload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-to-bottom"></span>
            <div class="name">
              arrow-to-bottom
            </div>
            <div class="code-name">.iconarrow-to-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-to-top"></span>
            <div class="name">
              arrow-to-top
            </div>
            <div class="code-name">.iconarrow-to-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlong-arrow-down"></span>
            <div class="name">
              long-arrow-down
            </div>
            <div class="code-name">.iconlong-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlong-arrow-up"></span>
            <div class="name">
              long-arrow-up
            </div>
            <div class="code-name">.iconlong-arrow-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-right"></span>
            <div class="name">
              arrow-right
            </div>
            <div class="code-name">.iconarrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-left"></span>
            <div class="name">
              arrow-left
            </div>
            <div class="code-name">.iconarrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsort"></span>
            <div class="name">
              sort
            </div>
            <div class="code-name">.iconsort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsort-down"></span>
            <div class="name">
              sort-down
            </div>
            <div class="code-name">.iconsort-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsort-up"></span>
            <div class="name">
              sort-up
            </div>
            <div class="code-name">.iconsort-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaret-right"></span>
            <div class="name">
              caret-right
            </div>
            <div class="code-name">.iconcaret-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcaret-left"></span>
            <div class="name">
              caret-left
            </div>
            <div class="code-name">.iconcaret-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrows-v"></span>
            <div class="name">
              arrows-v
            </div>
            <div class="code-name">.iconarrows-v
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-double-down"></span>
            <div class="name">
              angle- double-down
            </div>
            <div class="code-name">.iconangle-double-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-double-up"></span>
            <div class="name">
              angle-double-up
            </div>
            <div class="code-name">.iconangle-double-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-double-right"></span>
            <div class="name">
              angle-double-right
            </div>
            <div class="code-name">.iconangle-double-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-double-left"></span>
            <div class="name">
              angle-double-left
            </div>
            <div class="code-name">.iconangle-double-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-down"></span>
            <div class="name">
              angle-down
            </div>
            <div class="code-name">.iconangle-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-up"></span>
            <div class="name">
              angle-up
            </div>
            <div class="code-name">.iconangle-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-right"></span>
            <div class="name">
              angle-right
            </div>
            <div class="code-name">.iconangle-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconangle-left"></span>
            <div class="name">
              angle-left
            </div>
            <div class="code-name">.iconangle-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaperclip"></span>
            <div class="name">
              paperclip
            </div>
            <div class="code-name">.iconpaperclip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconconnection"></span>
            <div class="name">
              connection
            </div>
            <div class="code-name">.iconconnection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontraining"></span>
            <div class="name">
              training
            </div>
            <div class="code-name">.icontraining
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprocess"></span>
            <div class="name">
              process
            </div>
            <div class="code-name">.iconprocess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnews"></span>
            <div class="name">
              news
            </div>
            <div class="code-name">.iconnews
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsave"></span>
            <div class="name">
              save
            </div>
            <div class="code-name">.iconsave
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconprint"></span>
            <div class="name">
              print
            </div>
            <div class="code-name">.iconprint
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnew-releases"></span>
            <div class="name">
              new-releases
            </div>
            <div class="code-name">.iconnew-releases
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrelease"></span>
            <div class="name">
              release
            </div>
            <div class="code-name">.iconrelease
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalert"></span>
            <div class="name">
              alert
            </div>
            <div class="code-name">.iconalert
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbackspace"></span>
            <div class="name">
              backspace
            </div>
            <div class="code-name">.iconbackspace
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongem"></span>
            <div class="name">
              gem
            </div>
            <div class="code-name">.icongem
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconintegral"></span>
            <div class="name">
              integral
            </div>
            <div class="code-name">.iconintegral
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstar-circle"></span>
            <div class="name">
              star-circle
            </div>
            <div class="code-name">.iconstar-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser-circle"></span>
            <div class="name">
              user-circle
            </div>
            <div class="code-name">.iconuser-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud-machine-fill"></span>
            <div class="name">
              cloud-machine-fill
            </div>
            <div class="code-name">.iconcloud-machine-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloud-machine"></span>
            <div class="name">
              cloud-machine
            </div>
            <div class="code-name">.iconcloud-machine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconterminal-fill"></span>
            <div class="name">
              terminal-fill
            </div>
            <div class="code-name">.iconterminal-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconterminal"></span>
            <div class="name">
              terminal
            </div>
            <div class="code-name">.iconterminal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshopping-cart-fill"></span>
            <div class="name">
              shopping-cart-fill
            </div>
            <div class="code-name">.iconshopping-cart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconresource"></span>
            <div class="name">
              resource
            </div>
            <div class="code-name">.iconresource
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconrank"></span>
            <div class="name">
              rank
            </div>
            <div class="code-name">.iconrank
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsync-alt"></span>
            <div class="name">
              sync-alt
            </div>
            <div class="code-name">.iconsync-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-alt-from-botto"></span>
            <div class="name">
              arrow-alt-from-botto
            </div>
            <div class="code-name">.iconarrow-alt-from-botto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmenu"></span>
            <div class="name">
              menu
            </div>
            <div class="code-name">.iconmenu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconicon-drag"></span>
            <div class="name">
              icon-drag
            </div>
            <div class="code-name">.iconicon-drag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconearly-warning"></span>
            <div class="name">
              early-warning
            </div>
            <div class="code-name">.iconearly-warning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshare"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.iconshare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshare1"></span>
            <div class="name">
              share
            </div>
            <div class="code-name">.iconshare1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmanagement-"></span>
            <div class="name">
              management
            </div>
            <div class="code-name">.iconmanagement-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaccesskeys"></span>
            <div class="name">
              accesskeys
            </div>
            <div class="code-name">.iconaccesskeys
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconarrow-sortdown-smal"></span>
            <div class="name">
              arrow-sort down-small
            </div>
            <div class="code-name">.iconarrow-sortdown-smal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-square-fill"></span>
            <div class="name">
              minus-square-fill
            </div>
            <div class="code-name">.iconminus-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-square-fill"></span>
            <div class="name">
              plus-square-fill
            </div>
            <div class="code-name">.iconplus-square-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-square"></span>
            <div class="name">
              minus-square
            </div>
            <div class="code-name">.iconminus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-square"></span>
            <div class="name">
              plus-square
            </div>
            <div class="code-name">.iconplus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstepmode"></span>
            <div class="name">
              step mode
            </div>
            <div class="code-name">.iconstepmode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscrollingmode"></span>
            <div class="name">
              scrolling mode
            </div>
            <div class="code-name">.iconscrollingmode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoppingcart"></span>
            <div class="name">
              shopping cart
            </div>
            <div class="code-name">.iconshoppingcart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwaiting-fill"></span>
            <div class="name">
              waiting-fill
            </div>
            <div class="code-name">.iconwaiting-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwaiting"></span>
            <div class="name">
              waiting
            </div>
            <div class="code-name">.iconwaiting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconright-arrow-rect"></span>
            <div class="name">
              right-arrow-rect
            </div>
            <div class="code-name">.iconright-arrow-rect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconleft-arrow-rect"></span>
            <div class="name">
              left-arrow-rect
            </div>
            <div class="code-name">.iconleft-arrow-rect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbell"></span>
            <div class="name">
              bell
            </div>
            <div class="code-name">.iconbell
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstructured-data"></span>
            <div class="name">
              structured data
            </div>
            <div class="code-name">.iconstructured-data
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconvector"></span>
            <div class="name">
              vector
            </div>
            <div class="code-name">.iconvector
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconNEW-copy"></span>
            <div class="name">
              NEW
            </div>
            <div class="code-name">.iconNEW-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconHOT-copy"></span>
            <div class="name">
              HOT
            </div>
            <div class="code-name">.iconHOT-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconhome"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.iconhome
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmonitoring"></span>
            <div class="name">
              monitoring
            </div>
            <div class="code-name">.iconmonitoring
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondiagnose"></span>
            <div class="name">
              diagnose
            </div>
            <div class="code-name">.icondiagnose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondrag"></span>
            <div class="name">
              drag
            </div>
            <div class="code-name">.icondrag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconloading"></span>
            <div class="name">
              loading
            </div>
            <div class="code-name">.iconloading
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconellipsis-vertical"></span>
            <div class="name">
              ellipsis-v
            </div>
            <div class="code-name">.iconellipsis-vertical
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconDirectory-tree"></span>
            <div class="name">
              Directory tree
            </div>
            <div class="code-name">.iconDirectory-tree
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongallery-view"></span>
            <div class="name">
              gallery-view
            </div>
            <div class="code-name">.icongallery-view
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconapplication"></span>
            <div class="name">
              application
            </div>
            <div class="code-name">.iconapplication
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconWIFI"></span>
            <div class="name">
              WIFI
            </div>
            <div class="code-name">.iconWIFI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconapplicationgroup"></span>
            <div class="name">
              application  group
            </div>
            <div class="code-name">.iconapplicationgroup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbug-report"></span>
            <div class="name">
              bug-report
            </div>
            <div class="code-name">.iconbug-report
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconqrcode"></span>
            <div class="name">
              qrcode
            </div>
            <div class="code-name">.iconqrcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconscan"></span>
            <div class="name">
              scan
            </div>
            <div class="code-name">.iconscan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcut"></span>
            <div class="name">
              cut
            </div>
            <div class="code-name">.iconcut
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongift"></span>
            <div class="name">
              gift
            </div>
            <div class="code-name">.icongift
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlink"></span>
            <div class="name">
              link
            </div>
            <div class="code-name">.iconlink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpoweroff"></span>
            <div class="name">
              poweroff
            </div>
            <div class="code-name">.iconpoweroff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconkey"></span>
            <div class="name">
              key
            </div>
            <div class="code-name">.iconkey
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsafety-certificate"></span>
            <div class="name">
              safety-certificate
            </div>
            <div class="code-name">.iconsafety-certificate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsupervise"></span>
            <div class="name">
              supervise
            </div>
            <div class="code-name">.iconsupervise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-pie-alt"></span>
            <div class="name">
              chart-pie-alt
            </div>
            <div class="code-name">.iconchart-pie-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-relation"></span>
            <div class="name">
              chart-relation
            </div>
            <div class="code-name">.iconchart-relation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-scatter-plot"></span>
            <div class="name">
              chart-scatter-plot
            </div>
            <div class="code-name">.iconchart-scatter-plot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-area"></span>
            <div class="name">
              chart-area
            </div>
            <div class="code-name">.iconchart-area
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-line"></span>
            <div class="name">
              chart-line
            </div>
            <div class="code-name">.iconchart-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconchart-bar"></span>
            <div class="name">
              chart-bar
            </div>
            <div class="code-name">.iconchart-bar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondisplay-code"></span>
            <div class="name">
              display-code
            </div>
            <div class="code-name">.icondisplay-code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondisplay-arrow-right"></span>
            <div class="name">
              display-arrow-right
            </div>
            <div class="code-name">.icondisplay-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondisplay-arrow-left"></span>
            <div class="name">
              display-arrow-left
            </div>
            <div class="code-name">.icondisplay-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlaptop-error"></span>
            <div class="name">
              laptop-error
            </div>
            <div class="code-name">.iconlaptop-error
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlaptop-check"></span>
            <div class="name">
              laptop-check
            </div>
            <div class="code-name">.iconlaptop-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlaptop"></span>
            <div class="name">
              laptop
            </div>
            <div class="code-name">.iconlaptop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmobile-error"></span>
            <div class="name">
              mobile-error
            </div>
            <div class="code-name">.iconmobile-error
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmobile-check"></span>
            <div class="name">
              mobile-check
            </div>
            <div class="code-name">.iconmobile-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmobile-alt"></span>
            <div class="name">
              mobile-alt
            </div>
            <div class="code-name">.iconmobile-alt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaliwangwang"></span>
            <div class="name">
              aliwangwang
            </div>
            <div class="code-name">.iconaliwangwang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnail"></span>
            <div class="name">
              nail
            </div>
            <div class="code-name">.iconnail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconnail-fixed"></span>
            <div class="name">
              nail-fixed
            </div>
            <div class="code-name">.iconnail-fixed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconedit"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.iconedit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondollar"></span>
            <div class="name">
              dollar
            </div>
            <div class="code-name">.icondollar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontransanction"></span>
            <div class="name">
              transanction
            </div>
            <div class="code-name">.icontransanction
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfilter-fill"></span>
            <div class="name">
              filter-fill
            </div>
            <div class="code-name">.iconfilter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconall-fill"></span>
            <div class="name">
              all-fill
            </div>
            <div class="code-name">.iconall-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabaseplus-fill"></span>
            <div class="name">
              database plus-fill
            </div>
            <div class="code-name">.icondatabaseplus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabase-fill"></span>
            <div class="name">
              database-fill
            </div>
            <div class="code-name">.icondatabase-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcommentlines-fill"></span>
            <div class="name">
              comment lines-fill
            </div>
            <div class="code-name">.iconcommentlines-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcommentdots-fill"></span>
            <div class="name">
              comment dots-fill
            </div>
            <div class="code-name">.iconcommentdots-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaperplane-fill"></span>
            <div class="name">
              paper plane-fill
            </div>
            <div class="code-name">.iconpaperplane-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeyeslash-fill"></span>
            <div class="name">
              eye slash-fill
            </div>
            <div class="code-name">.iconeyeslash-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye-fill"></span>
            <div class="name">
              eye-fill
            </div>
            <div class="code-name">.iconeye-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlightbulb-fill"></span>
            <div class="name">
              lightbulb-fill
            </div>
            <div class="code-name">.iconlightbulb-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflag-fill"></span>
            <div class="name">
              flag-fill
            </div>
            <div class="code-name">.iconflag-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontag-fill"></span>
            <div class="name">
              tag-fill
            </div>
            <div class="code-name">.icontag-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconposition-fill"></span>
            <div class="name">
              position-fill
            </div>
            <div class="code-name">.iconposition-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlocation-fill"></span>
            <div class="name">
              location-fill
            </div>
            <div class="code-name">.iconlocation-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmap-fill"></span>
            <div class="name">
              map-fill
            </div>
            <div class="code-name">.iconmap-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinboxin-fill"></span>
            <div class="name">
              inbox in-fill
            </div>
            <div class="code-name">.iconinboxin-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbox-fill"></span>
            <div class="name">
              box-fill
            </div>
            <div class="code-name">.iconbox-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabaseset-fill"></span>
            <div class="name">
              database set-fill
            </div>
            <div class="code-name">.icondatabaseset-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlayergroup-fill"></span>
            <div class="name">
              layer group-fill
            </div>
            <div class="code-name">.iconlayergroup-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcry-fill"></span>
            <div class="name">
              cry-fill
            </div>
            <div class="code-name">.iconcry-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsmile-fill"></span>
            <div class="name">
              smile-fill
            </div>
            <div class="code-name">.iconsmile-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlock-fill"></span>
            <div class="name">
              unlock-fill
            </div>
            <div class="code-name">.iconunlock-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlock-fill"></span>
            <div class="name">
              lock-fill
            </div>
            <div class="code-name">.iconlock-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalignright-fill"></span>
            <div class="name">
              align right-fill
            </div>
            <div class="code-name">.iconalignright-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalignleft-fill"></span>
            <div class="name">
              align left-fill
            </div>
            <div class="code-name">.iconalignleft-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborderbottom-fill"></span>
            <div class="name">
              border bottom-fill
            </div>
            <div class="code-name">.iconborderbottom-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbordertop-fill"></span>
            <div class="name">
              border top-fill
            </div>
            <div class="code-name">.iconbordertop-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconaligncenter-fill"></span>
            <div class="name">
              align center-fill
            </div>
            <div class="code-name">.iconaligncenter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborderverticle-fill"></span>
            <div class="name">
              border verticle-fill
            </div>
            <div class="code-name">.iconborderverticle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpiccenter-fill"></span>
            <div class="name">
              pic center-fill
            </div>
            <div class="code-name">.iconpiccenter-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpicside-fill"></span>
            <div class="name">
              pic side-fill
            </div>
            <div class="code-name">.iconpicside-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolderopen-fill"></span>
            <div class="name">
              folder open-fill
            </div>
            <div class="code-name">.iconfolderopen-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolderplus-fill"></span>
            <div class="name">
              folder plus-fill
            </div>
            <div class="code-name">.iconfolderplus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfolder-fill"></span>
            <div class="name">
              folder-fill
            </div>
            <div class="code-name">.iconfolder-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-SQL"></span>
            <div class="name">
              file-SQL
            </div>
            <div class="code-name">.iconfile-SQL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfileplus-fill"></span>
            <div class="name">
              file plus-fill
            </div>
            <div class="code-name">.iconfileplus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfile-fill"></span>
            <div class="name">
              file-fill
            </div>
            <div class="code-name">.iconfile-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcopy-fill"></span>
            <div class="name">
              copy-fill
            </div>
            <div class="code-name">.iconcopy-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconheadset-fill"></span>
            <div class="name">
              headset-fill
            </div>
            <div class="code-name">.iconheadset-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconphone-fill"></span>
            <div class="name">
              phone-fill
            </div>
            <div class="code-name">.iconphone-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpausecircle-fill"></span>
            <div class="name">
              pause circle-fill
            </div>
            <div class="code-name">.iconpausecircle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconstopcircle-fill"></span>
            <div class="name">
              stop circle-fill
            </div>
            <div class="code-name">.iconstopcircle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplaycircle-fill"></span>
            <div class="name">
              play circle-fill
            </div>
            <div class="code-name">.iconplaycircle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondelete-fill"></span>
            <div class="name">
              delete-fill
            </div>
            <div class="code-name">.icondelete-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpicture-fill"></span>
            <div class="name">
              picture-fill
            </div>
            <div class="code-name">.iconpicture-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmail-fill"></span>
            <div class="name">
              mail-fill
            </div>
            <div class="code-name">.iconmail-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconheart-fill"></span>
            <div class="name">
              heart-fill
            </div>
            <div class="code-name">.iconheart-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcollection-fill"></span>
            <div class="name">
              collection-fill
            </div>
            <div class="code-name">.iconcollection-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser-group-fill"></span>
            <div class="name">
              user-group-fill
            </div>
            <div class="code-name">.iconuser-group-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuserplus-fill"></span>
            <div class="name">
              user plus-fill
            </div>
            <div class="code-name">.iconuserplus-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconuser-fill"></span>
            <div class="name">
              user-fill
            </div>
            <div class="code-name">.iconuser-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcog-fill"></span>
            <div class="name">
              cog-fill
            </div>
            <div class="code-name">.iconcog-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclock-fill"></span>
            <div class="name">
              clock-fill
            </div>
            <div class="code-name">.iconclock-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcalendaralt-fill"></span>
            <div class="name">
              calendar alt-fill
            </div>
            <div class="code-name">.iconcalendaralt-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconclouddownload-fill"></span>
            <div class="name">
              cloud download-fill
            </div>
            <div class="code-name">.iconclouddownload-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcloudupload-fill"></span>
            <div class="name">
              cloud upload-fill
            </div>
            <div class="code-name">.iconcloudupload-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexchange-fill"></span>
            <div class="name">
              exchange-fill
            </div>
            <div class="code-name">.iconexchange-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinfo-circle-fill"></span>
            <div class="name">
              info-circle-fill
            </div>
            <div class="code-name">.iconinfo-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconquestion-circle-fill"></span>
            <div class="name">
              question-circle-fill
            </div>
            <div class="code-name">.iconquestion-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconexclamationcircle-f"></span>
            <div class="name">
              exclamation circle-f
            </div>
            <div class="code-name">.iconexclamationcircle-f
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconminus-circle-fill"></span>
            <div class="name">
              minus-circle-fill
            </div>
            <div class="code-name">.iconminus-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconplus-circle-fill"></span>
            <div class="name">
              plus-circle-fill
            </div>
            <div class="code-name">.iconplus-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontimes-circle-fill"></span>
            <div class="name">
              times-circle-fill
            </div>
            <div class="code-name">.icontimes-circle-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfilter"></span>
            <div class="name">
              filter
            </div>
            <div class="code-name">.iconfilter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconall"></span>
            <div class="name">
              all
            </div>
            <div class="code-name">.iconall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabase-plus"></span>
            <div class="name">
              database-plus
            </div>
            <div class="code-name">.icondatabase-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabase"></span>
            <div class="name">
              database
            </div>
            <div class="code-name">.icondatabase
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcomment-lines"></span>
            <div class="name">
              comment-lines
            </div>
            <div class="code-name">.iconcomment-lines
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconcomment-dots"></span>
            <div class="name">
              comment-dots
            </div>
            <div class="code-name">.iconcomment-dots
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpaper-plane"></span>
            <div class="name">
              paper-plane
            </div>
            <div class="code-name">.iconpaper-plane
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye-slash"></span>
            <div class="name">
              eye-slash
            </div>
            <div class="code-name">.iconeye-slash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconeye"></span>
            <div class="name">
              eye
            </div>
            <div class="code-name">.iconeye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlightbulb"></span>
            <div class="name">
              lightbulb
            </div>
            <div class="code-name">.iconlightbulb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconflag"></span>
            <div class="name">
              flag
            </div>
            <div class="code-name">.iconflag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontag"></span>
            <div class="name">
              tag
            </div>
            <div class="code-name">.icontag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconposition"></span>
            <div class="name">
              position
            </div>
            <div class="code-name">.iconposition
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlocation"></span>
            <div class="name">
              location
            </div>
            <div class="code-name">.iconlocation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconmap"></span>
            <div class="name">
              map
            </div>
            <div class="code-name">.iconmap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconinbox-in"></span>
            <div class="name">
              inbox-in
            </div>
            <div class="code-name">.iconinbox-in
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconbox"></span>
            <div class="name">
              box
            </div>
            <div class="code-name">.iconbox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondatabase-set"></span>
            <div class="name">
              database-set
            </div>
            <div class="code-name">.icondatabase-set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlayer-group"></span>
            <div class="name">
              layer-group
            </div>
            <div class="code-name">.iconlayer-group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwind-cry"></span>
            <div class="name">
              wind-cry
            </div>
            <div class="code-name">.iconwind-cry
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwind-smile"></span>
            <div class="name">
              wind-smile
            </div>
            <div class="code-name">.iconwind-smile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconunlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.iconunlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlock"></span>
            <div class="name">
              lock
            </div>
            <div class="code-name">.iconlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalign-right"></span>
            <div class="name">
              align-right
            </div>
            <div class="code-name">.iconalign-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconalign-left"></span>
            <div class="name">
              align-left
            </div>
            <div class="code-name">.iconalign-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-bottom"></span>
            <div class="name">
              border-bottom
            </div>
            <div class="code-name">.iconborder-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconborder-top"></span>
            <div class="name">
              border-top
            </div>
            <div class="code-name">.iconborder-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icondianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondianzan2"></span>
            <div class="name">
              点赞2
            </div>
            <div class="code-name">.icondianzan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.iconfenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icongengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconguanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.iconguanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.iconpinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlishi"></span>
            <div class="name">
              历史
            </div>
            <div class="code-name">.iconlishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.iconshanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconsousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.iconsousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.iconshoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenda"></span>
            <div class="name">
              问答
            </div>
            <div class="code-name">.iconwenda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyanzhengma"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.iconyanzhengma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwode"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.iconwode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.iconshouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwuwangluo"></span>
            <div class="name">
              无网络
            </div>
            <div class="code-name">.iconwuwangluo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconzuopin"></span>
            <div class="name">
              作品
            </div>
            <div class="code-name">.iconzuopin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconppt"></span>
            <div class="name">
              ppt
            </div>
            <div class="code-name">.iconppt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontupian"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.icontupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconpdf"></span>
            <div class="name">
              pdf
            </div>
            <div class="code-name">.iconpdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwodefenxiang"></span>
            <div class="name">
              我的分享
            </div>
            <div class="code-name">.iconwodefenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxls"></span>
            <div class="name">
              xls
            </div>
            <div class="code-name">.iconxls
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconword"></span>
            <div class="name">
              word
            </div>
            <div class="code-name">.iconword
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontxt"></span>
            <div class="name">
              txt
            </div>
            <div class="code-name">.icontxt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconxingbiaowenjian"></span>
            <div class="name">
              星标文件
            </div>
            <div class="code-name">.iconxingbiaowenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondaimawenjian"></span>
            <div class="name">
              代码文件
            </div>
            <div class="code-name">.icondaimawenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyasuowenjian"></span>
            <div class="name">
              压缩文件
            </div>
            <div class="code-name">.iconyasuowenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenjianjia"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.iconwenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfalvfagui"></span>
            <div class="name">
              法律法规
            </div>
            <div class="code-name">.iconfalvfagui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconfengxianguankong"></span>
            <div class="name">
              风险管控
            </div>
            <div class="code-name">.iconfengxianguankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconanquanjingfei"></span>
            <div class="name">
              安全经费
            </div>
            <div class="code-name">.iconanquanjingfei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconwenjianziliao"></span>
            <div class="name">
              文件资料
            </div>
            <div class="code-name">.iconwenjianziliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshizhong"></span>
            <div class="name">
              时钟
            </div>
            <div class="code-name">.iconshizhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconlajitong"></span>
            <div class="name">
              垃圾桶
            </div>
            <div class="code-name">.iconlajitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icontianqi"></span>
            <div class="name">
              天气
            </div>
            <div class="code-name">.icontianqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondianying"></span>
            <div class="name">
              电影
            </div>
            <div class="code-name">.icondianying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icongouwu"></span>
            <div class="name">
              购物
            </div>
            <div class="code-name">.icongouwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconyinle"></span>
            <div class="name">
              音乐
            </div>
            <div class="code-name">.iconyinle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconliaotian"></span>
            <div class="name">
              聊天
            </div>
            <div class="code-name">.iconliaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont iconshu"></span>
            <div class="name">
              书
            </div>
            <div class="code-name">.iconshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondengpao"></span>
            <div class="name">
              灯泡
            </div>
            <div class="code-name">.icondengpao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icondiannao"></span>
            <div class="name">
              电脑
            </div>
            <div class="code-name">.icondiannao
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont iconxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshangchuan-"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#iconshangchuan-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong"></use>
                </svg>
                <div class="name">金融</div>
                <div class="code-name">#iconjinrong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon_"></use>
                </svg>
                <div class="name">金融市场</div>
                <div class="code-name">#iconicon_</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon_1"></use>
                </svg>
                <div class="name">金融财富</div>
                <div class="code-name">#iconicon_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongdasha"></use>
                </svg>
                <div class="name">金融大厦</div>
                <div class="code-name">#iconjinrongdasha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongxianxingge-"></use>
                </svg>
                <div class="name">金融查询</div>
                <div class="code-name">#iconjinrongxianxingge-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongyewu"></use>
                </svg>
                <div class="name">金融业务</div>
                <div class="code-name">#iconjinrongyewu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongqianbi"></use>
                </svg>
                <div class="name">金融钱币</div>
                <div class="code-name">#iconjinrongqianbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong-"></use>
                </svg>
                <div class="name">金融-3</div>
                <div class="code-name">#iconjinrong-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong-1"></use>
                </svg>
                <div class="name">金融-15</div>
                <div class="code-name">#iconjinrong-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong-2"></use>
                </svg>
                <div class="name">金融-30</div>
                <div class="code-name">#iconjinrong-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong-3"></use>
                </svg>
                <div class="name">金融-41</div>
                <div class="code-name">#iconjinrong-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong-4"></use>
                </svg>
                <div class="name">金融-73</div>
                <div class="code-name">#iconjinrong-4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong-5"></use>
                </svg>
                <div class="name">金融-77</div>
                <div class="code-name">#iconjinrong-5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong-6"></use>
                </svg>
                <div class="name">金融-94</div>
                <div class="code-name">#iconjinrong-6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong-7"></use>
                </svg>
                <div class="name">金融-102</div>
                <div class="code-name">#iconjinrong-7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong-8"></use>
                </svg>
                <div class="name">金融-108</div>
                <div class="code-name">#iconjinrong-8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongguwen"></use>
                </svg>
                <div class="name">金融顾问</div>
                <div class="code-name">#iconjinrongguwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong1"></use>
                </svg>
                <div class="name">金融</div>
                <div class="code-name">#iconjinrong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconziyuan"></use>
                </svg>
                <div class="name">金融</div>
                <div class="code-name">#iconziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongye"></use>
                </svg>
                <div class="name">金融业</div>
                <div class="code-name">#iconjinrongye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongketang"></use>
                </svg>
                <div class="name">金融课堂</div>
                <div class="code-name">#iconjinrongketang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongfenxi"></use>
                </svg>
                <div class="name">金融分析</div>
                <div class="code-name">#iconjinrongfenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongzhijia"></use>
                </svg>
                <div class="name">金融之家</div>
                <div class="code-name">#iconjinrongzhijia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrong2"></use>
                </svg>
                <div class="name">金融</div>
                <div class="code-name">#iconjinrong2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-17"></use>
                </svg>
                <div class="name">金融类icon 图标-19</div>
                <div class="code-name">#iconjinrongleiicontubiao-17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-18"></use>
                </svg>
                <div class="name">金融类icon 图标-21</div>
                <div class="code-name">#iconjinrongleiicontubiao-18</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-19"></use>
                </svg>
                <div class="name">金融类icon 图标-20</div>
                <div class="code-name">#iconjinrongleiicontubiao-19</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-20"></use>
                </svg>
                <div class="name">金融类icon 图标-18</div>
                <div class="code-name">#iconjinrongleiicontubiao-20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-21"></use>
                </svg>
                <div class="name">金融类icon 图标-22</div>
                <div class="code-name">#iconjinrongleiicontubiao-21</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-22"></use>
                </svg>
                <div class="name">金融类icon 图标-24</div>
                <div class="code-name">#iconjinrongleiicontubiao-22</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-23"></use>
                </svg>
                <div class="name">金融类icon 图标-26</div>
                <div class="code-name">#iconjinrongleiicontubiao-23</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-24"></use>
                </svg>
                <div class="name">金融类icon 图标-23</div>
                <div class="code-name">#iconjinrongleiicontubiao-24</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-25"></use>
                </svg>
                <div class="name">金融类icon 图标-25</div>
                <div class="code-name">#iconjinrongleiicontubiao-25</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-26"></use>
                </svg>
                <div class="name">金融类icon 图标-28</div>
                <div class="code-name">#iconjinrongleiicontubiao-26</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-27"></use>
                </svg>
                <div class="name">金融类icon 图标-30</div>
                <div class="code-name">#iconjinrongleiicontubiao-27</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-28"></use>
                </svg>
                <div class="name">金融类icon 图标-27</div>
                <div class="code-name">#iconjinrongleiicontubiao-28</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-29"></use>
                </svg>
                <div class="name">金融类icon 图标-29</div>
                <div class="code-name">#iconjinrongleiicontubiao-29</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-30"></use>
                </svg>
                <div class="name">金融类icon 图标-32</div>
                <div class="code-name">#iconjinrongleiicontubiao-30</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-31"></use>
                </svg>
                <div class="name">金融类icon 图标-31</div>
                <div class="code-name">#iconjinrongleiicontubiao-31</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-32"></use>
                </svg>
                <div class="name">金融类icon 图标-33</div>
                <div class="code-name">#iconjinrongleiicontubiao-32</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-33"></use>
                </svg>
                <div class="name">金融类icon 图标-34</div>
                <div class="code-name">#iconjinrongleiicontubiao-33</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-"></use>
                </svg>
                <div class="name">金融类icon 图标-02</div>
                <div class="code-name">#iconjinrongleiicontubiao-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-1"></use>
                </svg>
                <div class="name">金融类icon 图标-05</div>
                <div class="code-name">#iconjinrongleiicontubiao-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-2"></use>
                </svg>
                <div class="name">金融类icon 图标-35</div>
                <div class="code-name">#iconjinrongleiicontubiao-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-3"></use>
                </svg>
                <div class="name">金融类icon 图标-03</div>
                <div class="code-name">#iconjinrongleiicontubiao-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-4"></use>
                </svg>
                <div class="name">金融类icon 图标-04</div>
                <div class="code-name">#iconjinrongleiicontubiao-4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-5"></use>
                </svg>
                <div class="name">金融类icon 图标-06</div>
                <div class="code-name">#iconjinrongleiicontubiao-5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-6"></use>
                </svg>
                <div class="name">金融类icon 图标-11</div>
                <div class="code-name">#iconjinrongleiicontubiao-6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-7"></use>
                </svg>
                <div class="name">金融类icon 图标-07</div>
                <div class="code-name">#iconjinrongleiicontubiao-7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-8"></use>
                </svg>
                <div class="name">金融类icon 图标-10</div>
                <div class="code-name">#iconjinrongleiicontubiao-8</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-9"></use>
                </svg>
                <div class="name">金融类icon 图标-08</div>
                <div class="code-name">#iconjinrongleiicontubiao-9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-10"></use>
                </svg>
                <div class="name">金融类icon 图标-12</div>
                <div class="code-name">#iconjinrongleiicontubiao-10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-11"></use>
                </svg>
                <div class="name">金融类icon 图标-14</div>
                <div class="code-name">#iconjinrongleiicontubiao-11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-12"></use>
                </svg>
                <div class="name">金融类icon 图标-09</div>
                <div class="code-name">#iconjinrongleiicontubiao-12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-13"></use>
                </svg>
                <div class="name">金融类icon 图标-16</div>
                <div class="code-name">#iconjinrongleiicontubiao-13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-14"></use>
                </svg>
                <div class="name">金融类icon 图标-13</div>
                <div class="code-name">#iconjinrongleiicontubiao-14</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-15"></use>
                </svg>
                <div class="name">金融类icon 图标-15</div>
                <div class="code-name">#iconjinrongleiicontubiao-15</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconjinrongleiicontubiao-16"></use>
                </svg>
                <div class="name">金融类icon 图标-17</div>
                <div class="code-name">#iconjinrongleiicontubiao-16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbag-dollar"></use>
                </svg>
                <div class="name">bag-dollar</div>
                <div class="code-name">#iconbag-dollar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconauction"></use>
                </svg>
                <div class="name">商务金融</div>
                <div class="code-name">#iconauction</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbag-euro"></use>
                </svg>
                <div class="name">bag-euro</div>
                <div class="code-name">#iconbag-euro</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbar-chart-fall"></use>
                </svg>
                <div class="name">bar-chart-fall</div>
                <div class="code-name">#iconbar-chart-fall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbag-yen"></use>
                </svg>
                <div class="name">bag-yen</div>
                <div class="code-name">#iconbag-yen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbar-chart-rise"></use>
                </svg>
                <div class="name">bar-chart-rise</div>
                <div class="code-name">#iconbar-chart-rise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbriefcase-1"></use>
                </svg>
                <div class="name">briefcase-1</div>
                <div class="code-name">#iconbriefcase-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbank"></use>
                </svg>
                <div class="name">bank</div>
                <div class="code-name">#iconbank</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbriefcase-2"></use>
                </svg>
                <div class="name">briefcase-2</div>
                <div class="code-name">#iconbriefcase-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbag-pound"></use>
                </svg>
                <div class="name">bag-pound</div>
                <div class="code-name">#iconbag-pound</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoin-pound"></use>
                </svg>
                <div class="name">coin-pound</div>
                <div class="code-name">#iconcoin-pound</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalculator"></use>
                </svg>
                <div class="name">calculator</div>
                <div class="code-name">#iconcalculator</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoin-yen"></use>
                </svg>
                <div class="name">coin-yen</div>
                <div class="code-name">#iconcoin-yen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoin-euro"></use>
                </svg>
                <div class="name">coin-euro</div>
                <div class="code-name">#iconcoin-euro</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoins-bitcoins"></use>
                </svg>
                <div class="name">coins-bitcoins</div>
                <div class="code-name">#iconcoins-bitcoins</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoins-euros"></use>
                </svg>
                <div class="name">coins-euros</div>
                <div class="code-name">#iconcoins-euros</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoins-yens"></use>
                </svg>
                <div class="name">coins-yens</div>
                <div class="code-name">#iconcoins-yens</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoins-dollars"></use>
                </svg>
                <div class="name">coins-dollars</div>
                <div class="code-name">#iconcoins-dollars</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoin-bitcoin"></use>
                </svg>
                <div class="name">coin-bitcoin</div>
                <div class="code-name">#iconcoin-bitcoin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoin-dollar"></use>
                </svg>
                <div class="name">coin-dollar</div>
                <div class="code-name">#iconcoin-dollar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconid-cart"></use>
                </svg>
                <div class="name">id-cart</div>
                <div class="code-name">#iconid-cart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongold-stack"></use>
                </svg>
                <div class="name">gold-stack</div>
                <div class="code-name">#icongold-stack</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcoins-pounds"></use>
                </svg>
                <div class="name">coins-pounds</div>
                <div class="code-name">#iconcoins-pounds</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhandshake"></use>
                </svg>
                <div class="name">handshake</div>
                <div class="code-name">#iconhandshake</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlightbulb-idea"></use>
                </svg>
                <div class="name">lightbulb-idea</div>
                <div class="code-name">#iconlightbulb-idea</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone-incoming"></use>
                </svg>
                <div class="name">phone-incoming</div>
                <div class="code-name">#iconphone-incoming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconline-chart"></use>
                </svg>
                <div class="name">line-chart</div>
                <div class="code-name">#iconline-chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone-modern"></use>
                </svg>
                <div class="name">phone-modern</div>
                <div class="code-name">#iconphone-modern</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone-outgoing"></use>
                </svg>
                <div class="name">phone-outgoing</div>
                <div class="code-name">#iconphone-outgoing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone-old"></use>
                </svg>
                <div class="name">phone-old</div>
                <div class="code-name">#iconphone-old</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpie-chart-1"></use>
                </svg>
                <div class="name">pie-chart-1</div>
                <div class="code-name">#iconpie-chart-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone-signal"></use>
                </svg>
                <div class="name">phone-signal</div>
                <div class="code-name">#iconphone-signal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpie-chart-2"></use>
                </svg>
                <div class="name">pie-chart-2</div>
                <div class="code-name">#iconpie-chart-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpipes-horisontal"></use>
                </svg>
                <div class="name">pipes-horisontal</div>
                <div class="code-name">#iconpipes-horisontal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpresentation-bar-chart"></use>
                </svg>
                <div class="name">presentation-bar-chart</div>
                <div class="code-name">#iconpresentation-bar-chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpipes-vertical"></use>
                </svg>
                <div class="name">pipes-vertical</div>
                <div class="code-name">#iconpipes-vertical</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpresentation-line-chart"></use>
                </svg>
                <div class="name">presentation-line-chart</div>
                <div class="code-name">#iconpresentation-line-chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpresentation-photo"></use>
                </svg>
                <div class="name">presentation-photo</div>
                <div class="code-name">#iconpresentation-photo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpiggy"></use>
                </svg>
                <div class="name">piggy</div>
                <div class="code-name">#iconpiggy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpresentation-pie-chart"></use>
                </svg>
                <div class="name">presentation-pie-chart</div>
                <div class="code-name">#iconpresentation-pie-chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpresentation-text"></use>
                </svg>
                <div class="name">presentation-text</div>
                <div class="code-name">#iconpresentation-text</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpresentation"></use>
                </svg>
                <div class="name">presentation</div>
                <div class="code-name">#iconpresentation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpresentation-video"></use>
                </svg>
                <div class="name">presentation-video</div>
                <div class="code-name">#iconpresentation-video</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrook"></use>
                </svg>
                <div class="name">rook</div>
                <div class="code-name">#iconrook</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontarget"></use>
                </svg>
                <div class="name">target</div>
                <div class="code-name">#icontarget</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconseminar"></use>
                </svg>
                <div class="name">seminar</div>
                <div class="code-name">#iconseminar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsales-repserentative"></use>
                </svg>
                <div class="name">sales-repserentative</div>
                <div class="code-name">#iconsales-repserentative</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsafe"></use>
                </svg>
                <div class="name">safe</div>
                <div class="code-name">#iconsafe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontie"></use>
                </svg>
                <div class="name">tie</div>
                <div class="code-name">#icontie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalign-center"></use>
                </svg>
                <div class="name">align-center</div>
                <div class="code-name">#iconalign-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-verticle"></use>
                </svg>
                <div class="name">border-verticle</div>
                <div class="code-name">#iconborder-verticle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic-center"></use>
                </svg>
                <div class="name">pic-center</div>
                <div class="code-name">#iconpic-center</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpic-side"></use>
                </svg>
                <div class="name">pic-side</div>
                <div class="code-name">#iconpic-side</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-open"></use>
                </svg>
                <div class="name">folder-open</div>
                <div class="code-name">#iconfolder-open</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-plus"></use>
                </svg>
                <div class="name">folder-plus</div>
                <div class="code-name">#iconfolder-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder"></use>
                </svg>
                <div class="name">folder</div>
                <div class="code-name">#iconfolder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-SQL1"></use>
                </svg>
                <div class="name">file-SQL</div>
                <div class="code-name">#iconfile-SQL1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-plus"></use>
                </svg>
                <div class="name">file-plus</div>
                <div class="code-name">#iconfile-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile"></use>
                </svg>
                <div class="name">file</div>
                <div class="code-name">#iconfile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcopy"></use>
                </svg>
                <div class="name">copy</div>
                <div class="code-name">#iconcopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconheadset"></use>
                </svg>
                <div class="name">headset</div>
                <div class="code-name">#iconheadset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#iconphone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpausecircle"></use>
                </svg>
                <div class="name">pause circle</div>
                <div class="code-name">#iconpausecircle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstopcircle"></use>
                </svg>
                <div class="name">stop circle</div>
                <div class="code-name">#iconstopcircle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplaycircle"></use>
                </svg>
                <div class="name">play circle</div>
                <div class="code-name">#iconplaycircle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondelete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#icondelete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpicture"></use>
                </svg>
                <div class="name">picture</div>
                <div class="code-name">#iconpicture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmail"></use>
                </svg>
                <div class="name">mail</div>
                <div class="code-name">#iconmail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlike"></use>
                </svg>
                <div class="name">like</div>
                <div class="code-name">#iconlike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcollection"></use>
                </svg>
                <div class="name">collection</div>
                <div class="code-name">#iconcollection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser-group"></use>
                </svg>
                <div class="name">user-group</div>
                <div class="code-name">#iconuser-group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaccount-plus"></use>
                </svg>
                <div class="name">account-plus</div>
                <div class="code-name">#iconaccount-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaccount"></use>
                </svg>
                <div class="name">account</div>
                <div class="code-name">#iconaccount</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcog"></use>
                </svg>
                <div class="name">cog</div>
                <div class="code-name">#iconcog</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclock"></use>
                </svg>
                <div class="name">clock</div>
                <div class="code-name">#iconclock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalendar-alt"></use>
                </svg>
                <div class="name">calendar-alt</div>
                <div class="code-name">#iconcalendar-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclouddownload"></use>
                </svg>
                <div class="name">cloud download</div>
                <div class="code-name">#iconclouddownload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloudupload"></use>
                </svg>
                <div class="name">cloud upload</div>
                <div class="code-name">#iconcloudupload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexchange"></use>
                </svg>
                <div class="name">exchange</div>
                <div class="code-name">#iconexchange</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinfo-circle"></use>
                </svg>
                <div class="name">info-circle</div>
                <div class="code-name">#iconinfo-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquestion-circle"></use>
                </svg>
                <div class="name">question-circle</div>
                <div class="code-name">#iconquestion-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexclamation-circle"></use>
                </svg>
                <div class="name">exclamation-circle</div>
                <div class="code-name">#iconexclamation-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-circle"></use>
                </svg>
                <div class="name">minus-circle</div>
                <div class="code-name">#iconminus-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-circle"></use>
                </svg>
                <div class="name">plus-circle</div>
                <div class="code-name">#iconplus-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontimes-circle"></use>
                </svg>
                <div class="name">times-circle</div>
                <div class="code-name">#icontimes-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheck-circle"></use>
                </svg>
                <div class="name">check-circle</div>
                <div class="code-name">#iconcheck-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcompress-alt"></use>
                </svg>
                <div class="name">compress-alt</div>
                <div class="code-name">#iconcompress-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexpand-alt"></use>
                </svg>
                <div class="name">expand-alt</div>
                <div class="code-name">#iconexpand-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconban"></use>
                </svg>
                <div class="name">ban</div>
                <div class="code-name">#iconban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus"></use>
                </svg>
                <div class="name">minus</div>
                <div class="code-name">#iconminus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus"></use>
                </svg>
                <div class="name">plus</div>
                <div class="code-name">#iconplus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontimes"></use>
                </svg>
                <div class="name">times</div>
                <div class="code-name">#icontimes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcheck"></use>
                </svg>
                <div class="name">check</div>
                <div class="code-name">#iconcheck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch-minus"></use>
                </svg>
                <div class="name">search-minus</div>
                <div class="code-name">#iconsearch-minus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch-plus"></use>
                </svg>
                <div class="name">search-plus</div>
                <div class="code-name">#iconsearch-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsearch"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#iconsearch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconreply"></use>
                </svg>
                <div class="name">reply</div>
                <div class="code-name">#iconreply</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconundo"></use>
                </svg>
                <div class="name">undo</div>
                <div class="code-name">#iconundo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconredo"></use>
                </svg>
                <div class="name">redo</div>
                <div class="code-name">#iconredo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexternal-link"></use>
                </svg>
                <div class="name">external-link</div>
                <div class="code-name">#iconexternal-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrows-alt"></use>
                </svg>
                <div class="name">arrows-alt</div>
                <div class="code-name">#iconarrows-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconindent"></use>
                </svg>
                <div class="name">indent</div>
                <div class="code-name">#iconindent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconoutdent"></use>
                </svg>
                <div class="name">outdent</div>
                <div class="code-name">#iconoutdent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsort-line"></use>
                </svg>
                <div class="name">sort-line</div>
                <div class="code-name">#iconsort-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconswitch"></use>
                </svg>
                <div class="name">switch</div>
                <div class="code-name">#iconswitch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwind-descending"></use>
                </svg>
                <div class="name">wind-descending</div>
                <div class="code-name">#iconwind-descending</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwind-ascending"></use>
                </svg>
                <div class="name">wind-ascending</div>
                <div class="code-name">#iconwind-ascending</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondownload"></use>
                </svg>
                <div class="name">download</div>
                <div class="code-name">#icondownload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconupload"></use>
                </svg>
                <div class="name">upload</div>
                <div class="code-name">#iconupload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-to-bottom"></use>
                </svg>
                <div class="name">arrow-to-bottom</div>
                <div class="code-name">#iconarrow-to-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-to-top"></use>
                </svg>
                <div class="name">arrow-to-top</div>
                <div class="code-name">#iconarrow-to-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlong-arrow-down"></use>
                </svg>
                <div class="name">long-arrow-down</div>
                <div class="code-name">#iconlong-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlong-arrow-up"></use>
                </svg>
                <div class="name">long-arrow-up</div>
                <div class="code-name">#iconlong-arrow-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-right"></use>
                </svg>
                <div class="name">arrow-right</div>
                <div class="code-name">#iconarrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-left"></use>
                </svg>
                <div class="name">arrow-left</div>
                <div class="code-name">#iconarrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsort"></use>
                </svg>
                <div class="name">sort</div>
                <div class="code-name">#iconsort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsort-down"></use>
                </svg>
                <div class="name">sort-down</div>
                <div class="code-name">#iconsort-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsort-up"></use>
                </svg>
                <div class="name">sort-up</div>
                <div class="code-name">#iconsort-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaret-right"></use>
                </svg>
                <div class="name">caret-right</div>
                <div class="code-name">#iconcaret-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcaret-left"></use>
                </svg>
                <div class="name">caret-left</div>
                <div class="code-name">#iconcaret-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrows-v"></use>
                </svg>
                <div class="name">arrows-v</div>
                <div class="code-name">#iconarrows-v</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-double-down"></use>
                </svg>
                <div class="name">angle- double-down</div>
                <div class="code-name">#iconangle-double-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-double-up"></use>
                </svg>
                <div class="name">angle-double-up</div>
                <div class="code-name">#iconangle-double-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-double-right"></use>
                </svg>
                <div class="name">angle-double-right</div>
                <div class="code-name">#iconangle-double-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-double-left"></use>
                </svg>
                <div class="name">angle-double-left</div>
                <div class="code-name">#iconangle-double-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-down"></use>
                </svg>
                <div class="name">angle-down</div>
                <div class="code-name">#iconangle-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-up"></use>
                </svg>
                <div class="name">angle-up</div>
                <div class="code-name">#iconangle-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-right"></use>
                </svg>
                <div class="name">angle-right</div>
                <div class="code-name">#iconangle-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconangle-left"></use>
                </svg>
                <div class="name">angle-left</div>
                <div class="code-name">#iconangle-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaperclip"></use>
                </svg>
                <div class="name">paperclip</div>
                <div class="code-name">#iconpaperclip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconconnection"></use>
                </svg>
                <div class="name">connection</div>
                <div class="code-name">#iconconnection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontraining"></use>
                </svg>
                <div class="name">training</div>
                <div class="code-name">#icontraining</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprocess"></use>
                </svg>
                <div class="name">process</div>
                <div class="code-name">#iconprocess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnews"></use>
                </svg>
                <div class="name">news</div>
                <div class="code-name">#iconnews</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsave"></use>
                </svg>
                <div class="name">save</div>
                <div class="code-name">#iconsave</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconprint"></use>
                </svg>
                <div class="name">print</div>
                <div class="code-name">#iconprint</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnew-releases"></use>
                </svg>
                <div class="name">new-releases</div>
                <div class="code-name">#iconnew-releases</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrelease"></use>
                </svg>
                <div class="name">release</div>
                <div class="code-name">#iconrelease</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalert"></use>
                </svg>
                <div class="name">alert</div>
                <div class="code-name">#iconalert</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbackspace"></use>
                </svg>
                <div class="name">backspace</div>
                <div class="code-name">#iconbackspace</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongem"></use>
                </svg>
                <div class="name">gem</div>
                <div class="code-name">#icongem</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconintegral"></use>
                </svg>
                <div class="name">integral</div>
                <div class="code-name">#iconintegral</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstar-circle"></use>
                </svg>
                <div class="name">star-circle</div>
                <div class="code-name">#iconstar-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser-circle"></use>
                </svg>
                <div class="name">user-circle</div>
                <div class="code-name">#iconuser-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud-machine-fill"></use>
                </svg>
                <div class="name">cloud-machine-fill</div>
                <div class="code-name">#iconcloud-machine-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloud-machine"></use>
                </svg>
                <div class="name">cloud-machine</div>
                <div class="code-name">#iconcloud-machine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconterminal-fill"></use>
                </svg>
                <div class="name">terminal-fill</div>
                <div class="code-name">#iconterminal-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconterminal"></use>
                </svg>
                <div class="name">terminal</div>
                <div class="code-name">#iconterminal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshopping-cart-fill"></use>
                </svg>
                <div class="name">shopping-cart-fill</div>
                <div class="code-name">#iconshopping-cart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconresource"></use>
                </svg>
                <div class="name">resource</div>
                <div class="code-name">#iconresource</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconrank"></use>
                </svg>
                <div class="name">rank</div>
                <div class="code-name">#iconrank</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsync-alt"></use>
                </svg>
                <div class="name">sync-alt</div>
                <div class="code-name">#iconsync-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-alt-from-botto"></use>
                </svg>
                <div class="name">arrow-alt-from-botto</div>
                <div class="code-name">#iconarrow-alt-from-botto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmenu"></use>
                </svg>
                <div class="name">menu</div>
                <div class="code-name">#iconmenu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconicon-drag"></use>
                </svg>
                <div class="name">icon-drag</div>
                <div class="code-name">#iconicon-drag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconearly-warning"></use>
                </svg>
                <div class="name">early-warning</div>
                <div class="code-name">#iconearly-warning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshare"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#iconshare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshare1"></use>
                </svg>
                <div class="name">share</div>
                <div class="code-name">#iconshare1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmanagement-"></use>
                </svg>
                <div class="name">management</div>
                <div class="code-name">#iconmanagement-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaccesskeys"></use>
                </svg>
                <div class="name">accesskeys</div>
                <div class="code-name">#iconaccesskeys</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconarrow-sortdown-smal"></use>
                </svg>
                <div class="name">arrow-sort down-small</div>
                <div class="code-name">#iconarrow-sortdown-smal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-square-fill"></use>
                </svg>
                <div class="name">minus-square-fill</div>
                <div class="code-name">#iconminus-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-square-fill"></use>
                </svg>
                <div class="name">plus-square-fill</div>
                <div class="code-name">#iconplus-square-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-square"></use>
                </svg>
                <div class="name">minus-square</div>
                <div class="code-name">#iconminus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-square"></use>
                </svg>
                <div class="name">plus-square</div>
                <div class="code-name">#iconplus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstepmode"></use>
                </svg>
                <div class="name">step mode</div>
                <div class="code-name">#iconstepmode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscrollingmode"></use>
                </svg>
                <div class="name">scrolling mode</div>
                <div class="code-name">#iconscrollingmode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoppingcart"></use>
                </svg>
                <div class="name">shopping cart</div>
                <div class="code-name">#iconshoppingcart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwaiting-fill"></use>
                </svg>
                <div class="name">waiting-fill</div>
                <div class="code-name">#iconwaiting-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwaiting"></use>
                </svg>
                <div class="name">waiting</div>
                <div class="code-name">#iconwaiting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconright-arrow-rect"></use>
                </svg>
                <div class="name">right-arrow-rect</div>
                <div class="code-name">#iconright-arrow-rect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconleft-arrow-rect"></use>
                </svg>
                <div class="name">left-arrow-rect</div>
                <div class="code-name">#iconleft-arrow-rect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbell"></use>
                </svg>
                <div class="name">bell</div>
                <div class="code-name">#iconbell</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstructured-data"></use>
                </svg>
                <div class="name">structured data</div>
                <div class="code-name">#iconstructured-data</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconvector"></use>
                </svg>
                <div class="name">vector</div>
                <div class="code-name">#iconvector</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconNEW-copy"></use>
                </svg>
                <div class="name">NEW</div>
                <div class="code-name">#iconNEW-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconHOT-copy"></use>
                </svg>
                <div class="name">HOT</div>
                <div class="code-name">#iconHOT-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconhome"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#iconhome</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmonitoring"></use>
                </svg>
                <div class="name">monitoring</div>
                <div class="code-name">#iconmonitoring</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiagnose"></use>
                </svg>
                <div class="name">diagnose</div>
                <div class="code-name">#icondiagnose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondrag"></use>
                </svg>
                <div class="name">drag</div>
                <div class="code-name">#icondrag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconloading"></use>
                </svg>
                <div class="name">loading</div>
                <div class="code-name">#iconloading</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconellipsis-vertical"></use>
                </svg>
                <div class="name">ellipsis-v</div>
                <div class="code-name">#iconellipsis-vertical</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconDirectory-tree"></use>
                </svg>
                <div class="name">Directory tree</div>
                <div class="code-name">#iconDirectory-tree</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongallery-view"></use>
                </svg>
                <div class="name">gallery-view</div>
                <div class="code-name">#icongallery-view</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconapplication"></use>
                </svg>
                <div class="name">application</div>
                <div class="code-name">#iconapplication</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconWIFI"></use>
                </svg>
                <div class="name">WIFI</div>
                <div class="code-name">#iconWIFI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconapplicationgroup"></use>
                </svg>
                <div class="name">application  group</div>
                <div class="code-name">#iconapplicationgroup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbug-report"></use>
                </svg>
                <div class="name">bug-report</div>
                <div class="code-name">#iconbug-report</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconqrcode"></use>
                </svg>
                <div class="name">qrcode</div>
                <div class="code-name">#iconqrcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconscan"></use>
                </svg>
                <div class="name">scan</div>
                <div class="code-name">#iconscan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcut"></use>
                </svg>
                <div class="name">cut</div>
                <div class="code-name">#iconcut</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongift"></use>
                </svg>
                <div class="name">gift</div>
                <div class="code-name">#icongift</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlink"></use>
                </svg>
                <div class="name">link</div>
                <div class="code-name">#iconlink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpoweroff"></use>
                </svg>
                <div class="name">poweroff</div>
                <div class="code-name">#iconpoweroff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconkey"></use>
                </svg>
                <div class="name">key</div>
                <div class="code-name">#iconkey</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsafety-certificate"></use>
                </svg>
                <div class="name">safety-certificate</div>
                <div class="code-name">#iconsafety-certificate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsupervise"></use>
                </svg>
                <div class="name">supervise</div>
                <div class="code-name">#iconsupervise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-pie-alt"></use>
                </svg>
                <div class="name">chart-pie-alt</div>
                <div class="code-name">#iconchart-pie-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-relation"></use>
                </svg>
                <div class="name">chart-relation</div>
                <div class="code-name">#iconchart-relation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-scatter-plot"></use>
                </svg>
                <div class="name">chart-scatter-plot</div>
                <div class="code-name">#iconchart-scatter-plot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-area"></use>
                </svg>
                <div class="name">chart-area</div>
                <div class="code-name">#iconchart-area</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-line"></use>
                </svg>
                <div class="name">chart-line</div>
                <div class="code-name">#iconchart-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconchart-bar"></use>
                </svg>
                <div class="name">chart-bar</div>
                <div class="code-name">#iconchart-bar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondisplay-code"></use>
                </svg>
                <div class="name">display-code</div>
                <div class="code-name">#icondisplay-code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondisplay-arrow-right"></use>
                </svg>
                <div class="name">display-arrow-right</div>
                <div class="code-name">#icondisplay-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondisplay-arrow-left"></use>
                </svg>
                <div class="name">display-arrow-left</div>
                <div class="code-name">#icondisplay-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlaptop-error"></use>
                </svg>
                <div class="name">laptop-error</div>
                <div class="code-name">#iconlaptop-error</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlaptop-check"></use>
                </svg>
                <div class="name">laptop-check</div>
                <div class="code-name">#iconlaptop-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlaptop"></use>
                </svg>
                <div class="name">laptop</div>
                <div class="code-name">#iconlaptop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmobile-error"></use>
                </svg>
                <div class="name">mobile-error</div>
                <div class="code-name">#iconmobile-error</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmobile-check"></use>
                </svg>
                <div class="name">mobile-check</div>
                <div class="code-name">#iconmobile-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmobile-alt"></use>
                </svg>
                <div class="name">mobile-alt</div>
                <div class="code-name">#iconmobile-alt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaliwangwang"></use>
                </svg>
                <div class="name">aliwangwang</div>
                <div class="code-name">#iconaliwangwang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnail"></use>
                </svg>
                <div class="name">nail</div>
                <div class="code-name">#iconnail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconnail-fixed"></use>
                </svg>
                <div class="name">nail-fixed</div>
                <div class="code-name">#iconnail-fixed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconedit"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#iconedit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondollar"></use>
                </svg>
                <div class="name">dollar</div>
                <div class="code-name">#icondollar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontransanction"></use>
                </svg>
                <div class="name">transanction</div>
                <div class="code-name">#icontransanction</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfilter-fill"></use>
                </svg>
                <div class="name">filter-fill</div>
                <div class="code-name">#iconfilter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconall-fill"></use>
                </svg>
                <div class="name">all-fill</div>
                <div class="code-name">#iconall-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabaseplus-fill"></use>
                </svg>
                <div class="name">database plus-fill</div>
                <div class="code-name">#icondatabaseplus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabase-fill"></use>
                </svg>
                <div class="name">database-fill</div>
                <div class="code-name">#icondatabase-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcommentlines-fill"></use>
                </svg>
                <div class="name">comment lines-fill</div>
                <div class="code-name">#iconcommentlines-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcommentdots-fill"></use>
                </svg>
                <div class="name">comment dots-fill</div>
                <div class="code-name">#iconcommentdots-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaperplane-fill"></use>
                </svg>
                <div class="name">paper plane-fill</div>
                <div class="code-name">#iconpaperplane-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeyeslash-fill"></use>
                </svg>
                <div class="name">eye slash-fill</div>
                <div class="code-name">#iconeyeslash-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye-fill"></use>
                </svg>
                <div class="name">eye-fill</div>
                <div class="code-name">#iconeye-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlightbulb-fill"></use>
                </svg>
                <div class="name">lightbulb-fill</div>
                <div class="code-name">#iconlightbulb-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflag-fill"></use>
                </svg>
                <div class="name">flag-fill</div>
                <div class="code-name">#iconflag-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontag-fill"></use>
                </svg>
                <div class="name">tag-fill</div>
                <div class="code-name">#icontag-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconposition-fill"></use>
                </svg>
                <div class="name">position-fill</div>
                <div class="code-name">#iconposition-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlocation-fill"></use>
                </svg>
                <div class="name">location-fill</div>
                <div class="code-name">#iconlocation-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmap-fill"></use>
                </svg>
                <div class="name">map-fill</div>
                <div class="code-name">#iconmap-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinboxin-fill"></use>
                </svg>
                <div class="name">inbox in-fill</div>
                <div class="code-name">#iconinboxin-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbox-fill"></use>
                </svg>
                <div class="name">box-fill</div>
                <div class="code-name">#iconbox-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabaseset-fill"></use>
                </svg>
                <div class="name">database set-fill</div>
                <div class="code-name">#icondatabaseset-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlayergroup-fill"></use>
                </svg>
                <div class="name">layer group-fill</div>
                <div class="code-name">#iconlayergroup-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcry-fill"></use>
                </svg>
                <div class="name">cry-fill</div>
                <div class="code-name">#iconcry-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsmile-fill"></use>
                </svg>
                <div class="name">smile-fill</div>
                <div class="code-name">#iconsmile-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlock-fill"></use>
                </svg>
                <div class="name">unlock-fill</div>
                <div class="code-name">#iconunlock-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlock-fill"></use>
                </svg>
                <div class="name">lock-fill</div>
                <div class="code-name">#iconlock-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalignright-fill"></use>
                </svg>
                <div class="name">align right-fill</div>
                <div class="code-name">#iconalignright-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalignleft-fill"></use>
                </svg>
                <div class="name">align left-fill</div>
                <div class="code-name">#iconalignleft-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborderbottom-fill"></use>
                </svg>
                <div class="name">border bottom-fill</div>
                <div class="code-name">#iconborderbottom-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbordertop-fill"></use>
                </svg>
                <div class="name">border top-fill</div>
                <div class="code-name">#iconbordertop-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconaligncenter-fill"></use>
                </svg>
                <div class="name">align center-fill</div>
                <div class="code-name">#iconaligncenter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborderverticle-fill"></use>
                </svg>
                <div class="name">border verticle-fill</div>
                <div class="code-name">#iconborderverticle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpiccenter-fill"></use>
                </svg>
                <div class="name">pic center-fill</div>
                <div class="code-name">#iconpiccenter-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpicside-fill"></use>
                </svg>
                <div class="name">pic side-fill</div>
                <div class="code-name">#iconpicside-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolderopen-fill"></use>
                </svg>
                <div class="name">folder open-fill</div>
                <div class="code-name">#iconfolderopen-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolderplus-fill"></use>
                </svg>
                <div class="name">folder plus-fill</div>
                <div class="code-name">#iconfolderplus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfolder-fill"></use>
                </svg>
                <div class="name">folder-fill</div>
                <div class="code-name">#iconfolder-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-SQL"></use>
                </svg>
                <div class="name">file-SQL</div>
                <div class="code-name">#iconfile-SQL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfileplus-fill"></use>
                </svg>
                <div class="name">file plus-fill</div>
                <div class="code-name">#iconfileplus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfile-fill"></use>
                </svg>
                <div class="name">file-fill</div>
                <div class="code-name">#iconfile-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcopy-fill"></use>
                </svg>
                <div class="name">copy-fill</div>
                <div class="code-name">#iconcopy-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconheadset-fill"></use>
                </svg>
                <div class="name">headset-fill</div>
                <div class="code-name">#iconheadset-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconphone-fill"></use>
                </svg>
                <div class="name">phone-fill</div>
                <div class="code-name">#iconphone-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpausecircle-fill"></use>
                </svg>
                <div class="name">pause circle-fill</div>
                <div class="code-name">#iconpausecircle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconstopcircle-fill"></use>
                </svg>
                <div class="name">stop circle-fill</div>
                <div class="code-name">#iconstopcircle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplaycircle-fill"></use>
                </svg>
                <div class="name">play circle-fill</div>
                <div class="code-name">#iconplaycircle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondelete-fill"></use>
                </svg>
                <div class="name">delete-fill</div>
                <div class="code-name">#icondelete-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpicture-fill"></use>
                </svg>
                <div class="name">picture-fill</div>
                <div class="code-name">#iconpicture-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmail-fill"></use>
                </svg>
                <div class="name">mail-fill</div>
                <div class="code-name">#iconmail-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconheart-fill"></use>
                </svg>
                <div class="name">heart-fill</div>
                <div class="code-name">#iconheart-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcollection-fill"></use>
                </svg>
                <div class="name">collection-fill</div>
                <div class="code-name">#iconcollection-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser-group-fill"></use>
                </svg>
                <div class="name">user-group-fill</div>
                <div class="code-name">#iconuser-group-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuserplus-fill"></use>
                </svg>
                <div class="name">user plus-fill</div>
                <div class="code-name">#iconuserplus-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconuser-fill"></use>
                </svg>
                <div class="name">user-fill</div>
                <div class="code-name">#iconuser-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcog-fill"></use>
                </svg>
                <div class="name">cog-fill</div>
                <div class="code-name">#iconcog-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclock-fill"></use>
                </svg>
                <div class="name">clock-fill</div>
                <div class="code-name">#iconclock-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcalendaralt-fill"></use>
                </svg>
                <div class="name">calendar alt-fill</div>
                <div class="code-name">#iconcalendaralt-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconclouddownload-fill"></use>
                </svg>
                <div class="name">cloud download-fill</div>
                <div class="code-name">#iconclouddownload-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcloudupload-fill"></use>
                </svg>
                <div class="name">cloud upload-fill</div>
                <div class="code-name">#iconcloudupload-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexchange-fill"></use>
                </svg>
                <div class="name">exchange-fill</div>
                <div class="code-name">#iconexchange-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinfo-circle-fill"></use>
                </svg>
                <div class="name">info-circle-fill</div>
                <div class="code-name">#iconinfo-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconquestion-circle-fill"></use>
                </svg>
                <div class="name">question-circle-fill</div>
                <div class="code-name">#iconquestion-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconexclamationcircle-f"></use>
                </svg>
                <div class="name">exclamation circle-f</div>
                <div class="code-name">#iconexclamationcircle-f</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconminus-circle-fill"></use>
                </svg>
                <div class="name">minus-circle-fill</div>
                <div class="code-name">#iconminus-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconplus-circle-fill"></use>
                </svg>
                <div class="name">plus-circle-fill</div>
                <div class="code-name">#iconplus-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontimes-circle-fill"></use>
                </svg>
                <div class="name">times-circle-fill</div>
                <div class="code-name">#icontimes-circle-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfilter"></use>
                </svg>
                <div class="name">filter</div>
                <div class="code-name">#iconfilter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconall"></use>
                </svg>
                <div class="name">all</div>
                <div class="code-name">#iconall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabase-plus"></use>
                </svg>
                <div class="name">database-plus</div>
                <div class="code-name">#icondatabase-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabase"></use>
                </svg>
                <div class="name">database</div>
                <div class="code-name">#icondatabase</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcomment-lines"></use>
                </svg>
                <div class="name">comment-lines</div>
                <div class="code-name">#iconcomment-lines</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconcomment-dots"></use>
                </svg>
                <div class="name">comment-dots</div>
                <div class="code-name">#iconcomment-dots</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpaper-plane"></use>
                </svg>
                <div class="name">paper-plane</div>
                <div class="code-name">#iconpaper-plane</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye-slash"></use>
                </svg>
                <div class="name">eye-slash</div>
                <div class="code-name">#iconeye-slash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconeye"></use>
                </svg>
                <div class="name">eye</div>
                <div class="code-name">#iconeye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlightbulb"></use>
                </svg>
                <div class="name">lightbulb</div>
                <div class="code-name">#iconlightbulb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconflag"></use>
                </svg>
                <div class="name">flag</div>
                <div class="code-name">#iconflag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontag"></use>
                </svg>
                <div class="name">tag</div>
                <div class="code-name">#icontag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconposition"></use>
                </svg>
                <div class="name">position</div>
                <div class="code-name">#iconposition</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlocation"></use>
                </svg>
                <div class="name">location</div>
                <div class="code-name">#iconlocation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconmap"></use>
                </svg>
                <div class="name">map</div>
                <div class="code-name">#iconmap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconinbox-in"></use>
                </svg>
                <div class="name">inbox-in</div>
                <div class="code-name">#iconinbox-in</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconbox"></use>
                </svg>
                <div class="name">box</div>
                <div class="code-name">#iconbox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondatabase-set"></use>
                </svg>
                <div class="name">database-set</div>
                <div class="code-name">#icondatabase-set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlayer-group"></use>
                </svg>
                <div class="name">layer-group</div>
                <div class="code-name">#iconlayer-group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwind-cry"></use>
                </svg>
                <div class="name">wind-cry</div>
                <div class="code-name">#iconwind-cry</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwind-smile"></use>
                </svg>
                <div class="name">wind-smile</div>
                <div class="code-name">#iconwind-smile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconunlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#iconunlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlock"></use>
                </svg>
                <div class="name">lock</div>
                <div class="code-name">#iconlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalign-right"></use>
                </svg>
                <div class="name">align-right</div>
                <div class="code-name">#iconalign-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconalign-left"></use>
                </svg>
                <div class="name">align-left</div>
                <div class="code-name">#iconalign-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-bottom"></use>
                </svg>
                <div class="name">border-bottom</div>
                <div class="code-name">#iconborder-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconborder-top"></use>
                </svg>
                <div class="name">border-top</div>
                <div class="code-name">#iconborder-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icondianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondianzan2"></use>
                </svg>
                <div class="name">点赞2</div>
                <div class="code-name">#icondianzan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#iconfenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icongengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconguanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#iconguanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#iconpinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlishi"></use>
                </svg>
                <div class="name">历史</div>
                <div class="code-name">#iconlishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#iconshanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconsousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#iconsousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#iconshoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenda"></use>
                </svg>
                <div class="name">问答</div>
                <div class="code-name">#iconwenda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyanzhengma"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#iconyanzhengma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwode"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#iconwode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#iconshouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwuwangluo"></use>
                </svg>
                <div class="name">无网络</div>
                <div class="code-name">#iconwuwangluo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconzuopin"></use>
                </svg>
                <div class="name">作品</div>
                <div class="code-name">#iconzuopin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconppt"></use>
                </svg>
                <div class="name">ppt</div>
                <div class="code-name">#iconppt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontupian"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#icontupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconpdf"></use>
                </svg>
                <div class="name">pdf</div>
                <div class="code-name">#iconpdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwodefenxiang"></use>
                </svg>
                <div class="name">我的分享</div>
                <div class="code-name">#iconwodefenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxls"></use>
                </svg>
                <div class="name">xls</div>
                <div class="code-name">#iconxls</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconword"></use>
                </svg>
                <div class="name">word</div>
                <div class="code-name">#iconword</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontxt"></use>
                </svg>
                <div class="name">txt</div>
                <div class="code-name">#icontxt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconxingbiaowenjian"></use>
                </svg>
                <div class="name">星标文件</div>
                <div class="code-name">#iconxingbiaowenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondaimawenjian"></use>
                </svg>
                <div class="name">代码文件</div>
                <div class="code-name">#icondaimawenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyasuowenjian"></use>
                </svg>
                <div class="name">压缩文件</div>
                <div class="code-name">#iconyasuowenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenjianjia"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#iconwenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfalvfagui"></use>
                </svg>
                <div class="name">法律法规</div>
                <div class="code-name">#iconfalvfagui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconfengxianguankong"></use>
                </svg>
                <div class="name">风险管控</div>
                <div class="code-name">#iconfengxianguankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconanquanjingfei"></use>
                </svg>
                <div class="name">安全经费</div>
                <div class="code-name">#iconanquanjingfei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconwenjianziliao"></use>
                </svg>
                <div class="name">文件资料</div>
                <div class="code-name">#iconwenjianziliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshizhong"></use>
                </svg>
                <div class="name">时钟</div>
                <div class="code-name">#iconshizhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconlajitong"></use>
                </svg>
                <div class="name">垃圾桶</div>
                <div class="code-name">#iconlajitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icontianqi"></use>
                </svg>
                <div class="name">天气</div>
                <div class="code-name">#icontianqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondianying"></use>
                </svg>
                <div class="name">电影</div>
                <div class="code-name">#icondianying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icongouwu"></use>
                </svg>
                <div class="name">购物</div>
                <div class="code-name">#icongouwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconyinle"></use>
                </svg>
                <div class="name">音乐</div>
                <div class="code-name">#iconyinle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconliaotian"></use>
                </svg>
                <div class="name">聊天</div>
                <div class="code-name">#iconliaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#iconshu"></use>
                </svg>
                <div class="name">书</div>
                <div class="code-name">#iconshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondengpao"></use>
                </svg>
                <div class="name">灯泡</div>
                <div class="code-name">#icondengpao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icondiannao"></use>
                </svg>
                <div class="name">电脑</div>
                <div class="code-name">#icondiannao</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
